javascript - jQuery按钮图像更改在IE和Firefox中不起作用

按钮img在chrome中的变化非常好，但是在IE和Firefox中，似乎代码被完全忽略了。

$(function(){
    var counter = 0;
    $("#sortButton").bind('click', function(){
        if (counter == 0) {
            counter = 1;
            $("#sortButton").attr('src', '../../images/sortbttn.png');
        }
        else {
            counter = 0;
            $("#sortButton").attr('src', '../../images/sortbttnclosed.png');
        }
    });
});

<button class="btn btn-default dropdown-toggle sortbutton" type="button" id="Button1" data-toggle="dropdown">
    <img id="sortButton" src="../../images/sortbttnclosed.png" />
</button>

最佳答案

与其绑定按钮下的img单击，不如使用它

$("#Button1").bind('click', function(){
  ^ change this

我已经对其进行了测试，其他所有内容在您的代码中都可以，但是您可以对代码进行一些优化。

关于javascript - jQuery按钮图像更改在IE和Firefox中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27406738/