无法在Addon Firefox SDK的侧栏中执行Jquery

时间:2014-04-07 06:36:40

标签: firefox-addon-sdk

我是这个Firefox SDK的新手,但据我所知,你可以在页面上执行内容脚本。

这是代码

MAIN.JS

var tabs = require("sdk/tabs");
var data = require("sdk/self").data;

var sidebar = require("sdk/ui/sidebar").Sidebar({
  id: 'my-sidebar',
  title: 'My sidebar',
  url: data.url("index.html"),
  onReady: function (worker) {

        worker.port.emit('turl',tabs.activeTab.url);
}
});

SIDEBAR.JS

$('#bt1').on('click',function(){

        $('title').textContent;

});

INDEX.HTML

<!DOCTYPE HTML>
<html>
  <body>
        <input type="button" id="bt1" value="Click Me"/>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="sidebar.js"></script>
</body>
</html>

但是这段代码试图找出侧边栏html 的标题。 我也尝试在Main.js中使用contentScriptFile,但同样的事情发生了

var tabs = require("sdk/tabs");
var data = require("sdk/self").data;

var sidebar = require("sdk/ui/sidebar").Sidebar({
  id: 'my-sidebar',
  title: 'My sidebar',
  url: data.url("index.html"),
  contentScriptFile: [data.url("jquery.min.js"),data.url("sidebar.js")],
  onReady: function (worker) {

        worker.port.emit('turl',tabs.activeTab.url);
}
});

Jquery代码位于sidebar.js

仍然没有结果。请帮忙

1 个答案:

答案 0 :(得分:1)

Sidebar类没有contentScriptFile

尝试此操作:将jquery库复制到数据文件夹中的本地文件,然后使用相对路径引用它。侧边栏只能使用本地&#39; JS,他们无法从互联网上加载脚本。