javascript - Jquery 切换激活多个元素而不是指定的元素

Question

好吧，我已经得到了我希望今天对 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 动画。

Answer 1

我之前的回答完全没有根据，很抱歉。查看您发布的 jsfiddle，您似乎有这样的 Logo 按钮 <button ... />然后浏览器忽略/> 并将所有内容包装在一个按钮中。所以这意味着画廊框和导航栏都被激事件画的按钮包围着。将按钮更改为这样应该可以修复它:

<button type="button" class="logo" id="logobutton" value=""></button>