有一个简单的jQuery淡出问题

Having a little issue with a simple jQuery fadeOut?

本文关键字：淡出 出问题 jQuery 简单 有一个      更新时间：2023-09-26

我有一个简单的ID，我想在一个按钮后用jQuery淡出。然而，当点击尊重的按钮，它不工作，什么也没有发生。下面是我如何从不同的位置获得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

首先，你的div不应该有两个单独的id。去掉right_bar_wrapper id并合并这两个id的CSS。

第二，$(是$(document).ready的简写;它不应该被嵌套。删除其中一个。

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

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

您的问题是您的div有两个id属性，并且正在解析的第一个属性在DOM中使用。我相信一个HTML属性只能在同一个元素上使用一次。

去掉第一个id属性。

元素不能有两个id。

相关文章：