Jquery UI對話框按鈕不起作用

我使用jquery 1.11.3與jquery-ui 1.11.4和bootstrap 3.3.5。
所有的工程都很好，除了標準關閉在jquery ui dialog左上角。
符號「X」不顯示在按鈕上，但它在關閉對話框中起作用。
檢查爲對話框創建的標記，它確實缺少顯示「X」圖標的部分。
對話框非常簡單：Jquery UI對話框按鈕不起作用

$('#info').dialog({ autoOpen: true, 
    width: 700, 
    title: 'User Info', 
    position: { my: "center middle", at: "center middle", of: document.body} } 
);

我所知道的jquery-ui和bootstrap之間的兼容性問題，由於對按鈕和工具提示插件名稱衝突。
因此，我應用了https://stackoverflow.com/a/27745464/1233379中提出的解決方法，但是它阻止了一些javascript錯誤，它似乎不能恢復對話框的完整功能。

評論引導的JavaScript包括標籤，jquery-ui按預期工作。

有些建議嗎？

這裏的小提琴：https://jsfiddle.net/43hrvy26/

來源

2015-06-25 Pier Luigi

您可以提供演示或小提琴嗎？ –

小提琴網址加上 –

我在小提琴中看到它。哪個瀏覽器？ – JNF

你可以改變JS/CSS包容的順序

https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js 
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css 
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css 
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css

參考https://jsfiddle.net/ZigmaEmpire/43hrvy26/2/

由於jQuery的ui.css是最後的CSS該文件將覆蓋bootstrap中任何相應的衝突CSS，所以現在您可以利用jQuery UI CSS而不是引導CSS定義（如果有的話）

來源

2015-06-25 08:36:00

太簡單了！ –

Jquery UI對話框按鈕不起作用

回答

相關問題