Question

我有一个简单的ID，我希望在按钮后使用jQuery fadeOut。但是，当单击受尊重的按钮时，它不起作用，没有任何反应。以下是我如何从不同位置获取JS文件：

<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>

请帮忙！
Coulton

Answer 1

首先，你的div不应该有两个单独的id。摆脱right_bar_wrapper id并合并两个ID的CSS。

其次，$(只是$(document).ready的缩写;它不应该嵌套。删除其中一个。

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

Answer 2

您正在使用DOM准备好两次代码。这不应该是一个错误，但这不是一个好的做法。

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

删除第一个id属性。

Answer 3

您的元素不能包含两个ID。

有一个简单的jQuery fadeOut的小问题？

3 个答案: