jQuery/Javascript似乎停止工作

jQuery/Javascript seems to stop working?

本文关键字:停止工作 Javascript jQuery      更新时间:2023-09-26

我仍在学习jQuery(1.6分钟)和Javascript,但到目前为止,我对我所取得的成就感到非常满意,但这个问题让我上当了 - 我已经看了四个小时了!

我在包含的页面上有以下链接(其 id 值为"西北"):-

<figure><a href="http://localhost:8888/popup/PFS98394" class="popUpSimple"><img src="http://localhost:8888/98394.jpg" alt="" border="0"></a></figure>

单击时,将内容正确加载到 A 中,使可见。 它不会重新加载页面,只是使 DIV 在当前内容之上可见。 用于执行此操作的Javascript使用标准的jQuery Fancybox。

一切正常,DIV可以多次显示和隐藏,每次加载不同的信息。 现在有一个IMG按钮,允许用户用最新内容重新加载"西北"DIV - 单击时它会执行以下代码:

 $(".RefreshThumb").find("a").click(function(){
   $(".RefreshLoader").show();
   $("#NorthWest").load("/refreshdata");
   setTimeout(RefreshHide,1000);
 });

setTimeout 行是指一个小图形(刷新加载程序),该图形会暂时显示以通知用户正在刷新数据。

现在,取出 $("#NorthWest").load 等行,一切正常。 重新添加该行,popUpSimple 链接工作正常,直到单击 IMG 按钮刷新西北 DIV,之后弹出的 popUpSimple 内容将作为新页面加载并且不再覆盖 - 在单击之前,无论您单击多少次,弹出窗口覆盖都正常工作。

编辑:我应该指出,在单击IMG按钮重新加载西北DIV后,它才能成功,只有当您单击弹出的简单链接时,事情才会出错!

我做错了什么? 我正在使用 Safari,在页面重新加载而不是加载到 DIV 后查看 Web 检查器窗口显示:

<script type="text/javascript">
$(document).ready(function() {

显示一条消息,指出引用错误:找不到变量 $。

谁能指出我正确的方向....请!

听起来像是一个事件侦听器问题,请尝试使用.on('click',function(){}而不是.click(function(){}

也许jquery '$'被另一个JS框架覆盖了。

当然,只需将"$"替换为"jQuery"即可,而无需使用单引号。您甚至可以尝试使用 http://api.jquery.com/jQuery.noConflict/您可以在加载 jQuery 库后立即添加以下内容,例如:

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  // Code that uses other library's $ can follow here.
</script>