对于简单的 jQuery fadeOut 有一个小问题吗?
我有一个简单的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
首先,您的 div 不应该有两个单独的 id。去掉
right_bar_wrapper
id 并合并两个 id 的 CSS。其次,
$(
只是$(document).ready
的简写;它不应该嵌套。删除其中之一。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.您正在用 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 twoid
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.您的元素不能有两个 ID。
Your element can't have two IDs.