jQuery只在多类点击中触发最后一个类

时间:2013-10-30 15:05:22

标签: javascript jquery

我有一组像这样的链接:

<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,并决定尝试制作一个(非常)简单的“选择你自己的冒险”类型的游戏。

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分: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>