打開彈出對話框在jQuery不工作

我想打開一個彈出窗口，做基本的事情開始，但相反，當頁面加載時顯示對話框，再加上按鈕不觸發任何東西。打開彈出對話框在jQuery不工作

<button id="opener">open the dialog</button> 
<div id="dialog" title="Dialog Title">I'm a dialog</div> 
<script> 
    $("#dialog").dialog({ autoOpen: false }); 
    $("#opener").click(function() { 
    $("#dialog").dialog("open"); 
    }); 
</script>

這是我進口：

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="scripts/jquery-1.3.2.debug.js"></script> 
<script type="text/javascript" src="scripts/json.debug.js"></script> 
<script type="text/javascript" src="scripts/jquery.min.js"></script>

什麼，我做錯了或者忘記導入？

感謝，

來源

2014-09-23 mzereba

可能重複[點擊事件打開Jquery模式對話框（http://stackoverflow.com/questions/964482/open-jquery-modal-dialog-on-click-event） – Legionar 2014-09-23 10:29:23

將腳本標記的內容包裝在'$（document）中。 ready（function（）{}）;' – 2014-09-23 10:33:56

同時包裝我的公司在重新組織圖書館之後，仍然無法工作。 – mzereba 2014-09-24 09:38:57

dialog沒有內置到jQuery的 - 這是jQuery用戶界面的一部分，這是jQuery的的擴展 - http://jqueryui.com/dialog/。

此外，它看起來像你正在導入3個不同版本的核心jQuery代碼，這可能會導致問題。

所以這可能是你在找什麼（下載jQuery用戶界面到腳本文件夾後）：

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="scripts/jquery-ui-1.11.1.js"></script> 
<script type="text/javascript" src="scripts/json.debug.js"></script>

，然後使用open()方法打開它：的

$("#dialog").dialog({ autoOpen: false }); 
$("#opener").click(function() { 
    $("#dialog").open(); 
});

來源

2014-09-23 10:34:56 Rhumborl

所以我按照你的建議組織了我的進口產品，並且抱歉沒有回覆，但是我在清除了一些圖書館後不得不清理。所以仍然這樣不開火！ JQuery UI我已經添加了只有核心和沒有部件fyi。 – mzereba 2014-09-24 09:38:22

打開彈出對話框在jQuery不工作

回答

相關問題