Jquery 插件/scop 问题

发布于 2024-11-05 05:21:18 字数 927 浏览 0 评论 0原文

对于 jquery，我是一个相对新手；我的问题涉及范围，也许还涉及插件，如果有人有耐心将我链接到有用的东西。

下面的代码可以工作，但是我必须将脚本放在同一个 div 中才能真正工作。我无法将其移至页面顶部，或者理想情况下，出于 CMS 集成/可读性的目的，移至另一个库/源文件。任何指点将不胜感激，谢谢。

<a id="hide" href="#" style="z-index:20;">hide</a>
<a id="show" href="#" style="z-index:20;">show</a>

<div id="block" style="position:absolute;background:#fff;width:450px;height:450px;">
</div>
<div id="myBox" style="width:450px;height:450px;" >
<ul id ="menuElem" class="CMSListMenuUL">
     <li><a href="#">a</a></li>
     <li><a href="#">b</a></li>
     <li><a href="#">c</a></li>
</ul>           
</div>
<script>

$("#show").click(function () {
  $("#block").fadeOut(1000);
  return false;
}); 
$("#hide").click(function () {
  $("#block").fadeIn(1000);
  return false;
}); 
</script>

原文

I am a relative newbie when it comes to jquery; my question pertains to scope and perhaps to plugins if anyone has the patience to link me to something useful.

The code below works, however I must put the script in the same div for it to actually work. I can't move it to the top of the page, or, ideally, to another library/source file for the purposes of CMS integration/readability. Any pointers would be appreciated, thank you.

<a id="hide" href="#" style="z-index:20;">hide</a>
<a id="show" href="#" style="z-index:20;">show</a>

<div id="block" style="position:absolute;background:#fff;width:450px;height:450px;">
</div>
<div id="myBox" style="width:450px;height:450px;" >
<ul id ="menuElem" class="CMSListMenuUL">
     <li><a href="#">a</a></li>
     <li><a href="#">b</a></li>
     <li><a href="#">c</a></li>
</ul>           
</div>
<script>

$("#show").click(function () {
  $("#block").fadeOut(1000);
  return false;
}); 
$("#hide").click(function () {
  $("#block").fadeIn(1000);
  return false;
}); 
</script>

分享到QQ

分享到微博

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

发布评论

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

娇俏 2024-11-12 05:21:18

尝试一下

<script>
$(document).ready(function () {
  $("#show").click(function () {
    $("#block").fadeOut(1000);
    return false;
  }); 
  $("#hide").click(function () {
    $("#block").fadeIn(1000);
    return false;
  }); 
});
</script>

这会等待脚本运行，直到文档加载完毕。

Give this a try

<script>
$(document).ready(function () {
  $("#show").click(function () {
    $("#block").fadeOut(1000);
    return false;
  }); 
  $("#hide").click(function () {
    $("#block").fadeIn(1000);
    return false;
  }); 
});
</script>

This waits for the script to run until after the document is already loaded.

回复收藏 0 原文

~没有更多了~