хром расширение с jqueryui ошибкой диалогового окна для

Question

Я, кажется, получает ошибку:

Error in event handler for contextMenus: TypeError: undefined is not a function at context_menu_onClick (sample.js line 21)

Мой файл manifest.json является

{ 
    "name": "Wikipedia", 
    "description": "Just testing", 
    "version": "0.1", 
    "manifest_version": 2, 
    "permissions": ["contextMenus", "https://*/", "<all_urls>"], 
    "background": { 
    "scripts": ["sample.js","jquery.min.js","jqueryui/jquery-ui.min.js"] 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["http://*/*"], 
     "css": ["jqueryui/jquery-ui.min.css"], 
     "run_at": "document_end", 
     "all_frames": true 
    }], 
    "content_security_policy": "script-src 'self' https://en.wikipedia.org; object-src 'self'" 
} 

Я думаю, что все хорошо на этом фронте , Вот отрывок из моего файла sample.js и место ошибки:

function context_menu_onClick(info, tab) { 
alert('This is a dialog box using jqueryui'); 
var NewDialog = $('<div id="MenuDialog"><p>This is your dialog content, which can be multiline and dynamic.</p></div>'); 
NewDialog.dialog({ //<---- ERROR HERE 
modal: true, 
title: "title", 
show: 'clip', 
hide: 'clip', 
buttons: [ 
    {text: "Submit", click: function() {doSomething()}}, 
    {text: "Cancel", click: function() {$(this).dialog("close")}} 
] 
}); 

Моя миссия состоит в том, что, когда context_menu_onClick случается, что пользователю предлагается диалоговое окно с jqueryUI ... Что я делаю не так?

Answer 1

Проблема заключается в файле manifest.json, а точнее в вашем "background" поле: вы объявляя sample.js сценарий перед jquery-ui.min.js сценария. Это приведет к ошибке, если вы попытаетесь создать некоторые части пользовательского интерфейса с помощью jQuery, потому что ваш скрипт запускается до инициализации jQuery.

Чтобы решить эту проблему, просто изменить порядок сценариев в фоновом режиме:

"background": { 
    "scripts": [ 
     "jquery.min.js", 
     "jqueryui/jquery-ui.min.js", 
     "sample.js" 
    ] 
}