我創建了一個對話框,我想一個HTML頁面加載到其中^ h如何在jquery對話框中加載html頁面。
回答
假設你的對話框是#dialog(<div id="dialog"></div>
),這會工作:
$.get("url/to/yourpage.html", function(data) {
$("#dialog").html(data);
});
,,謝謝但我有一個更多的查詢,,我不能打開盒子多一次..一旦我關閉它,並嘗試重新打開我得到錯誤「擴展/ schema_generated_bindings.js:662Uncaught錯誤:」創建「只能用於擴展進程。請參閱內容腳本文檔以獲取更多詳細信息。」..現在要做什麼..我的腳本是「function pass_url( URL) \t { \t \t $( 「.opener」)。點擊(函數(){ \t \t \t $( 「.dialog」).dialog( 「開放」); \t \t \t \t \t \t $('。dialog')。load(url); 返回false; \t \t \t \t \t \t}); 「 \t}」 – 2012-02-29 14:10:31
事情是這樣的:
var url = "the url";
var dialog = $("#dialog");
if ($("#dialog").length === 0) { // only create if it doesn't exist
dialog = $('<div id="dialog"></div>').appendTo('body');
}
// load remote content
dialog.load(
url, {}, function(responseText, textStatus, XMLHttpRequest) {
dialog.dialog({
// your options
})
})
既然你說你已經創建對話框,裝載和打開,然後變得簡單:
$('#dialog').load(url, function(){
$(this).dialog('open');
});
@charlitetfl謝謝,但我有一個更多的查詢,我不能夠打開盒子多一次..一旦我關閉它,並嘗試重新打開我得到錯誤「擴展/ schema_generated_bindings.js:662Uncaught錯誤:「創建」只能用於擴展進程。看到的內容的腳本文件的更多細節。 「..現在做什麼..我的腳本」 功能pass_url(URL) \t { \t \t $( 「.opener」)。點擊(函數(){ \t \t \t $( 「.dialog」).dialog( 「開放」); \t \t \t \t \t \t $( '對話')負載(URL)。 返回FALSE; \t \t \t \t \t \t} ); \t}「 – 2012-02-29 14:11:02
發佈一個鏈接演示 – charlietfl 2012-02-29 14:15:00
- 1. SimpleModal在對話框中加載外部HTML頁面
- 2. 如何把按鈕在HTML頁面中一個jQuery對話框
- 3. 如何使用jquery ui對話框加載頁面
- 4. 如何在jQuery對話框中加載網頁?
- 5. 如何在WebView中加載HTML頁面時顯示進度對話框
- 6. 使用jQuery UI對話框在.net中將模式對話框加載頁面返回到父頁面
- 7. 如何在頁面上彈出fb:對話框加載
- 8. 如何在頁面加載時自動打開jquery ui對話框?
- 9. 使用加載函數在頁面加載後未打開jquery對話框
- 10. jquery對話框ajax加載
- 11. 包含Javascript代碼的JQuery對話框加載頁面
- 12. JQuery Mobile:關閉對話框重新加載調用頁面
- 13. 頁面加載時瞬間顯示的JQuery對話框
- 14. Jquery Mobile - 頁面加載時禁用對話框?
- 15. 調整對話框寬度jQuery Mobile到非Ajax加載頁面
- 16. JQuery UI對話框無法動態加載頁面內容?
- 17. Ajax加載的頁面和嵌套的JQuery對話框覆蓋
- 18. 如何在現有html頁面中加載html頁面
- 19. 在插件中,如何將html頁面添加到ckeditor對話框中
- 20. 如何添加是/否對話框到jquery移動頁面?
- 21. 如何在jQuery中加載頁面html和內容(如圖片)?
- 22. 頁面加載之前加載對話框
- 23. 如何從jQuery的對話框Java的行動,其他頁面加載數據
- 24. Jquery sortable-ui裏面的對話框用戶界面,通過ajax加載頁面
- 25. 如何使用wp_enqueue_script在wordpress中加載jquery對話框?
- 26. 如何在jquery ui對話框中顯示加載條?
- 27. 如何在模態對話框中加載jqGrid jquery
- 28. 如何在Chrome中加載頁面時使用JavaScript顯示文件對話框
- 29. .html頁面未加載PHP會話
- 30. 如何在頁面加載之前使用jquery mobile加載對話框或彈出窗口
jQuery中的每個對話框插件都有一個iframe設置,您可以在那裏運行html。像這裏http://www.ashishblog.com/ash/dialogUI.html – devtut 2012-02-28 17:23:40