2011-05-03 36 views
2

我有一个简单的ID我想要一个按钮后,用jQuery来淡出。但是,当点击尊重的按钮时,它不起作用,什么都不会发生。继承人我如何从不同位置的JS文件是这样的:有一个简单的jQuery fadeOut的小问题?

<script src="http://myflashpics.com/v2/jQuery.js"></script> 
<script src="http://myflashpics.com/v2/actions.js"></script> 

这是我在我的actions.js文件操作:

$(document).ready(function() { 

$(function() { 

    $(".profileLink").click(function() { 
    $("#right_bar_content").fadeOut("slow"); 
    }); 

}); 

}); 

下面是一些其他HTML与它的产生密切相关:

<img src="http://myflashpics.com/get_image.php?short_string=avqc&size=thumbnail" class="profileLink" /> 
<div id="right_bar_wrapper" id="right_bar_content">content here</div> 

请帮忙!
库尔顿

回答

3

首先,你不应该为你的DIV两个独立的ID。摆脱right_bar_wrapper ID并合并两个ID的CSS。

其次,$(只是短手$(document).ready;它不应该嵌套。删除一个或另一个。

$(document).ready(function() { 
    $(".profileLink").click(function() { 
     $("#right_bar_content").fadeOut("slow"); 
    }); 
}); 
+0

我相信一个相同的组的第一个属性被使用,其他人被忽略。 – alex 2011-05-03 23:58:55

+0

感谢您的澄清;我猜想这是另一回事。 – andrewtweber 2011-05-04 00:01:44

+0

我也这样做过,直到我在这里回答另一个关于类似事情的问题。 [jsFiddle](http://jsfiddle.net/alexdickson/RdQht/)进行确认:) – alex 2011-05-04 00:06:02

1

您包装使用DOM准备好你的代码的两倍。这不应该是一个错误,但这不是一个好习惯。

您的问题是您的div在DOM中有两个id属性和first one being parsed is used。我相信一个HTML属性可能只能在同一个元素上使用过一次。

摆脱第一id属性。

0

您的元素不能有两个ID。