-1

4 つの異なる入力タイプのボタンがあります。最初の 2 つは機能しますが、後の 2 つは機能しません。代わりにボタンタグ、a hrefs を使用してみました。問題は同じままです。ボタンには JavaScript 機能があります。追加するボタンの数に関係なく、最初の 2 つのボタンのみが機能します。誰か助けてくれませんか？

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;
});
4

1 に答える 1

-1

複数のクリックが含まれる場合は機能しないため、Click関数の代わりにOnメソッドを使用します。コードを次のように変更します

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

});

このようにすべてのクリックイベントを変更します...ありがとう

于 2013-09-16T05:42:17.377 に答える