好吧,我已经得到了我希望今天对 jquery 知识渊博的人来说是一个相当简单的问题。我有一个在单击特定元素时激活的切换开关,在这种情况下,我将我的 Logo 图像定位为 ID 为#logobutton。它工作得很好但是有一个问题,每当我点击页面上的任何和所有其他链接甚至一些随机的 div 盒装(比如我的导航 bg)时,动画也会激活。请注意,我对这个 javaScript jazz 很陌生,所以我可能会遗漏一些您认为很明显的东西。感谢您的帮助!
这是所有相关代码的 fiddle http://jsfiddle.net/tRf36/1/
j查询:
!--jquery script, must be above all jquery elements-->
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<!--script for bg toggle-->
<script type="text/javascript">
$( document ).ready(function() {
$("#logobutton").click(function() {
$(".galbox").toggleClass("galbox-change");
});
});
</script>
<!--bg fade hide on load-->
<script>
$(document).ready(function(){
$("#gallerybox").fadeTo(3000, 0.00, function() {
$("#gallerybox").fadeTo(1000, 1.00);
});
});
</script>
希望有人能看到我是否定位不正确,或者是什么导致了我的通用问题,而不是特定的可点击区域选择来激活这个 bg 动画。
最佳答案
我之前的回答完全没有根据,很抱歉。查看您发布的 jsfiddle,您似乎有这样的 Logo 按钮 <button ... />
然后浏览器忽略/> 并将所有内容包装在一个按钮中。所以这意味着画廊框和导航栏都被激事件画的按钮包围着。将按钮更改为这样应该可以修复它:
<button type="button" class="logo" id="logobutton" value=""></button>
关于javascript - Jquery 切换激活多个元素而不是指定的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22969951/