jqmodalとnyromodalは動作しません/ jQueryの1.3.2とFirefoxのツールバーの拡張機能のw
質問
私はjqModalまたはnyroModalのいずれかを使用してモーダルダイアログを開閉するコマンドで自分のFirefoxのツールバーを作成しようとしてきました。どちらの場合も、ダイアログを開くという行為は、エラーが発生し、私はそこにモーダルが壊れる理由として何かを見つけることができません。
ブラウザ:Firefoxの3.0.11 jQueryの:v1.3.2デベロッパー jqModal:R14 nyroModal:1.5.0
サンプルXUL: `
<!-- required JQuery dependency -->
<!--script src="chrome://jqmtoolbar/content/jquery.js" /-->
`<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" />
<!-- load main library -->
<script src="chrome://jqmtoolbar/content/jquery.nyroModal-1.5.0.pack.js" type="application/x-javascript" />
<script src="http://www.nopuck4you.com/gooble/jqModal-dev.js" type="application/x-javascript" />
<script src="chrome://jqmtoolbar/content/jqm.js" type="application/x-javascript" />
<toolbox id="navigator-toolbox">
<toolbar id="modal-toolbar" toolbarname="modal test toolbarx" accesskey="G"
class="chromeclass-toolbar" context="toolbar-context-menu"
hidden="false" persist="hidden">
<toolbarbutton id="gb-debug-jqmShow" tooltiptext="Show Modal"
label="Show Modal" oncommand="jqmShowModal(event)" />
<toolbarbutton id="gb-debug-jqmHide" tooltiptext="Hide Modal"
label="Hide Modal" oncommand="jqmHideModal(event)" />
<toolbarspring/>
<toolbarseparator/>
<toolbarbutton id="gb-debug-nyroShow" tooltiptext="Show Modal"
label="Show Modal" oncommand="nyroShowModal(event)" />
<toolbarbutton id="gb-debug-nyroHide" tooltiptext="Hide Modal"
label="Hide Modal" oncommand="nyroHideModal(event)" />
<toolbarspring/>
</toolbar>
</toolbox>
`
サンプルjqm.jsファイル: ` 機能jqmShowModal(E) { // loadPageHeadElements(); VAR本体= $(でcontent.document).find( "BODY"); もし(。body.find( "#jqmModal")の長さ== 0)body.prepend( "こんにちはjqModal!"); VAR JQ = $( "#jqmModal"、でcontent.document);
jq.jqm({
//set JQ modal parameters
ajax: "http://www.google.com",
modal: true,
onLoad: choke
});
$("#jqmModal").jqmShow();
//$("#goobModal", content.document).jqmShow();
}
関数nyroShowModal(E) {
//loadPageHeadElements();
var body = $(content.document).find("BODY");
if(body.find("#nyroModal").length == 0) body.prepend("<div id=\"nyroModal\">Hello Nyro Modal!</div>");
var nym = $("#nyroModal", content.document);
nym.nyroModalManual({url: 'http://www.google.com'});
//nym.nyroModalManual({content: '<div>Hello from the test toolbar!</div>'});
}
関数チョーク(E) { 警告( 'チョーク!'); } `
解決
これを処理する唯一の方法のように見えますが、代わりにモーダルウィンドウのツールバーPanelオブジェクトを介して行われます。
所属していません StackOverflow