jquery - 不是所有的按钮都在 html 中工作？

Question

我有四个不同的输入类型按钮。前两个工作，而后两个不工作。我尝试使用按钮标签，而不是hrefs。问题仍然相同。这些按钮具有javascript功能。不管我添加了多少额外的按钮，只有前两个按钮有效。有人可以帮助我吗？

html:

<div id="links">
    <input type="button" id="btnHome" value="Home"/>
<input type="button" id="btnAboutme" value="About me"/>
<input type="button" id="btnPortfolio" value="Portfolio"/>
<input type="button" id="btnContact" value="Contact me"/>
</div>

JavaScript：

$("#btnHome").click(function(){
    if (!(tmpNo == 1)){
        animateLeft(tmp, $home);
    }
    tmpNo = 1;
    tmp = $home;
    return false;
});

$("#btnAboutme").click(function(){
    if (!(tmpNo == 2)){
        animateLeft(tmp, $aboutme);
    }
    tmpNo = 2;
    tmp = $aboutme;
    return false;
});

$("#btnPortfolio").click(function(){
    if (!(tmpNo == 3)){
        animateLeft(tmp, $portfolio);
    }
    tmpNo = 3;
    tmp = $portfolio;
    return false;
});

$("#btnContact").click(function(){
    if (!(tmpNo == 4)){
        animateLeft(tmp, $contact);
    }
    tmpNo = 4;
    tmp = $contact;
    return false;
});

Answer 1

使用 On 方法而不是 Click 函数，因为当要包含多次点击时，它永远不会起作用，所以将你的代码更改为

$(document).on( 'click','#btnPortfolio', function (e) {
if (!(tmpNo == 3)){
    animateLeft(tmp, $portfolio);
}
tmpNo = 3;
tmp = $portfolio;
return false;

});

像这样更改所有点击事件......谢谢你