我不是经验最丰富的jquery作家,我想出了一个简单问题的解决方案,但对我来说,这似乎并不是解决问题的最佳方法。我认为代码可以最好地说明这一点:

$("#play_button").click( function () {
    $("#play_button").hide();
    $("#pause_button").show();
});

$("#pause_button").click( function () {
    $("#play_button").show();
    $("#pause_button").hide();
});


关于完成相同任务的更好代码块有什么建议吗?

最佳答案

假设一个开始可见,而另一个不可见:

$("#pause_button, #play_button").click(function(){
  $("#play_button, #pause_button").toggle();
});


在线演示:http://jsbin.com/ewave/edit

如果将简单的类同时应用于以下两个类:class='button',则可以使其更简单:

$(".button").click(function(){
  $(".button").toggle();
});

关于jquery - 改进JQuery MP3 Player插件代码,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2276405/

10-12 12:30
查看更多