-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 类的第二个链接时，它会执行 B 类的操作，就像它应该做的那样。那里不用担心。

我的问题是，当我单击 BOTH 类的第三个链接时，它只会触发最后一个类的函数（在这种情况下，B 类。如果我把 A 类放在最后，它会执行 A 类的功能）。我希望它同时开火。我究竟做错了什么？

提前致谢。

编辑：对于那些发布小提琴的人来说，几乎所有这些都有效，所以正如许多人所说，这很可能不是我的代码，而是它在我的文件中显示的方式。为了更清楚一点，我正在自学一些 jQuery，并决定尝试制作一个（非常）简单的“选择你自己的冒险”类型的游戏。

4

2 回答 2

0

我在这里没有看到任何问题。请参阅此处的 JSBin 帖子。

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

于 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 回答