-1

次のような一連のリンクがあります。

<a href="#internalLink1" class="classA">This has Class A</a>
<a href="#internalLink2" class="classB">This has Class B</a>
<a href="#internalLink3" class="classA classB">This has Class A and Class B</a>

対応する jQuery は次のとおりです。

$('.classA').click(function(){
// do class A stuff
});

$('.classB').click(function(){
// do class B stuff
});

現在、クラス A の最初のリンクをクリックすると、想定どおりにクラス A が実行されます。同様に、クラス B の 2 番目のリンクをクリックすると、想定どおりにクラス B が実行されます。心配はいりません。

私の問題は、両方のクラスの 3 番目のリンクをクリックすると、最後に来るクラス (この場合はクラス B) の関数のみが起動されることです。代わりにクラス A を最後に配置すると、クラス A の関数が実行されます)。両方発射してほしい。私は何を間違っていますか？

前もって感謝します。

編集:フィドルを投稿する人にとっては、ほとんどすべてが機能するため、多くの人が言っているように、それはおそらく私のコードではなく、私のファイルに表示される方法です。もう少し明確にするために、私は jQuery を独学で学んでいたので、(非常に) シンプルな「Choose Your Own Adventure」タイプのゲームを作成してみることにしました。

4

2 に答える 2

0

ここには何の問題もありません。こちらのJSBinの投稿を参照してください。

http://jsbin.com/IHUkesa/2/edit?html,js,output

于 2013-10-30T15:09:52.630 に答える
0

これを試して...

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('.classA').click(function () {
                alert("classA");
            });
            $('.classB').click(function () {
                alert("classB");
            });
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <a href="#internalLink1" class="classA">This has Class A</a>
<a href="#internalLink2" class="classB">This has Class B</a>
<a href="#internalLink3" class="classA classB">This has Class A and Class B</a>
    </form>
</body>
</html>
于 2013-10-30T15:29:54.080 に答える