2013-06-05 38 views
0

运行脚本时,我有一块我运行的是假设填充此模式脚本的问题:jQuery的未定义控制台

<div class="modal hide fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h3 id="myModalLabel">Latest Updates!</h3> 
     </div> 
     <div class="modal-body"> 
     </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    </div> 
    </div> 

的代码是:

(function($){ 
    $(document).ready(function(){ 
     $('a.updateNotes').on('click', function(e) { 
      e.preventDefault(); 
      var url = $(this).attr('href'); 
      $(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true" src="'+url+'"></iframe>'); 
     }); 
    }); 
})(jQuery); 

问题是当我在Chrome的控制台中运行该代码时,我得到“未定义”,但它自身的代码没有实际的控制台错误。也就是说当页面加载代码抛出没有任何问题,但如果我在控制台中运行它,我得到“未定义”有没有人告诉我什么,我做错了什么?创建此链接的​​是:

<a data-toggle="modal" class="btn btn-success" href="http://adambalan.com/aisis/aisis_update/UpdateNotes/index.html" 
data-target="#modal"> 
    Learn More! 
</a> 

如果转到该实际链接,您会看到我应该在框中看到的内容。该框也将扩展到适合内容?这是扩大到一个特定的宽度,然后滚动任何更长的时间?

jQuery的1.9.latest,Twitter的引导2.3.1

注:的jQuery是包裹在(function($){})(jQuery)的原因是因为的WordPress,以及它如何与jQuery交易,它并不像$因为它使用了其他脚本。

更新 Jquery版本1.9.1正在加载到页面的标题中。点击链接到源代码将我带到Jquery 1.9.1源代码。虽然上面显示的代码是分开的html文件,它的自我,它是怎么过的“执行” 的jQuery 1.9.1

+1

这是因为jquery确实是'undefined' ..如果你想让jquery在控制台上下文中,你必须粘贴整个jquery.js代码才能开始输入你自己的代码 – krishgopinath

+0

@passionateCoder:jQuery将在控制台是否已被页面加载。在这个例子中,不清楚他是否在dom ready块之前先加载它。 –

+0

它从来没有为我这样@MaxWilliams工作。 。 #Tested在Chrome 23 – krishgopinath

回答

0

查看您的网页抛出undefined上的错误源的加载和检查JS负荷订购。

了jQuery核心文件脚本后可能加载。

WordPress的,特别是与插件JS代码,也许在你的情况下,需要知道是否有一个jQuery的依赖,因此可以在插件JS之前加载了jQuery核心文件。

如果你不能改变它在jQuery的核心文件加载,向下移动你的js代码,所以当运行代码jQuery是可用的顺序。

+0

jQuery的版本1.9.1在页面的头部被加载更新OP。点击链接到源代码将我带到Jquery 1.9.1源代码。请参阅更新OP – TheWebs

+0

@TheWebs你有一个完整的测试页面,我们可以看到什么? –

相关问题