jquery-ui - Chrome 扩展内容脚本中的 JQueryUI

Question

将 jquery-ui(css 和 js)和 jquery 放入 list 后，我可以使用 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";

list :

"css":["jquery-ui.css"],
"js": ["jquery-ui.js","jquery.js","content_script.js"]

Answer 1

加载顺序错误 - jquery-ui 期望首先加载 jquery。

"js": ["jquery.js", "jquery-ui.js", "content_script.js"]