如何在Firefox插件中使用jQuery?

Upv*_*ote 5 jquery firefox-addon

我想在我的firefox扩展的边栏中使用jQuery。这就是我在sidebar.xul中包括jQuery的方式

  <script type="application/x-javascript" src="chrome://myaddon/content/
  scripts/jquery/js/jquery-1.4.4.min.js"/>

  <script type="text/javascript">jQuery.noConflict();</script>
Run Code Online (Sandbox Code Playgroud)

第一个问题,为什么要使用该jQuery.noConflict()功能?

我尝试了其他一些问题的解决方案,但对我不起作用。

在FF 3.6.13上,这仍然对我不起作用:

<script type="application/x-javascript" 
       src="chrome://myextension/content/scripts/jquery/js/jquery-1.4.4.min.js"/>
  <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function () {
        alert("hello");
    });
 </script>
Run Code Online (Sandbox Code Playgroud)

Hus*_*ein 2

当您包含其他库(如prototype、mootools、YUI 等)时,当这些库中的一个或多个与 jQuery 一起使用时就会出现问题,因为它们也使用 $() 作为全局函数并定义变量。这种情况会产生冲突,因为 jQuery 和其他库使用 $() 作为其全局函数。为了克服这种情况,jQuery 引入了 jQuery.noConflict()。

所以你基本上可以做

 var $j = jQuery.noConflict();
Run Code Online (Sandbox Code Playgroud)

$j()现在你可以使用而不是编写 jQuery 命令$()

至于firefox插件,我假设你指的是firebug。您输入 jquery 的区域称为控制台。您可以在http://getfirebug.com/commandline阅读更多内容

在此输入图像描述