小编Mic*_*ael的帖子

Chrome 扩展内容脚本中的 JQueryUI

将 jquery-ui(css 和 js) 和 jquery 放入清单后,我可以使用 jq 选择器 ($),但是 jquery-ui 似乎无法访问。例如,我试图在内容脚本 (content_script.js) 中插入一个可调整大小的 div:

var $div = document.createElement('div');
$div.id = 'divId';
$div.innerHTML = 'inner html';
$("body").append($div);//works without error
$("#divId").css("background-color","yellow");//works
//doesn't give resizable handles, however works in a regular html file:
$("#divId").resizable();
//however this also has issue:
document.getElementById("divId").style.resize = "both";
Run Code Online (Sandbox Code Playgroud)

显现:

"css":["jquery-ui.css"],
"js": ["jquery-ui.js","jquery.js","content_script.js"]
Run Code Online (Sandbox Code Playgroud)

jquery-ui google-chrome-extension

4
推荐指数
1
解决办法
731
查看次数

标签 统计

google-chrome-extension ×1

jquery-ui ×1