对于简单的 jQuery fadeOut 有一个小问题吗?

发布于 2024-11-04 21:42:16 字数 739 浏览 1 评论 0原文

我有一个简单的 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

I have a simple ID I want to fadeOut with jQuery after a button. However, when clicking on the respected button it doesn't work and nothing happens. Heres how I get JS file from different location like this:

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

Here's my action in my actions.js file:

$(document).ready(function() {

$(function() {

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

});

});

Here's some other HTML assosiated with it:

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

Please help!
Coulton

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

︶ ̄淡然 2024-11-11 21:42:16

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

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

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

First of all, you shouldn't have two separate ids for your div. Get rid of the right_bar_wrapper id and merge the CSS for the two ids.

Second, $( is just short-hand for $(document).ready; it shouldn't be nested. Remove one or the other.

$(document).ready(function() {
    $(".profileLink").click(function() {
        $("#right_bar_content").fadeOut("slow");
    });
});
篱下浅笙歌 2024-11-11 21:42:16

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

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

去掉第一个 id 属性。

You are wrapping your code with DOM ready twice. This shouldn't be an error, but it is not good practice.

Your problem is your div has two id attributes, and the first one being parsed is used in the DOM. I believe a HTML attribute may only ever be used once on the same element.

Get rid of the first id attribute.

手心的温暖 2024-11-11 21:42:16

您的元素不能有两个 ID。

Your element can't have two IDs.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文