我有一组像这样的链接:
<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,并决定尝试制作一个(非常)简单的“选择你自己的冒险”类型的游戏。
答案 0 :(得分:0)
我在这里看不到任何问题。请参阅此处的JSBin帖子。
答案 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>