我有一個 jQuery 彈出窗口，“x”沒有出現在彈出窗口右上角的關閉框中。我正在使用這個例子： https: //jqueryui.com/dialog/我已經包含了鏈接和腳本（各兩個）。我的html是： <div class="form-popup form-container autoScroll" id="myForm"> <table class="table table-hover table-bordered" id="riskTable"> <thead> <tr> <th>rkId</th> <th>Risk Name</th> <th></th> </tr> </thead> <tbody id="riskTablebody"> </tbody> </table> </div>我的 jQuery 是：$(function() { $('#updateRisk').click(function() { $("#myForm").dialog({ title: "Select Risks", width: 600, modal: true, resizable: true, }); }); });我希望它盡可能對用戶友好，所以紅色的“X”將是一個額外的獎勵！
2 回答
侃侃無極
TA貢獻2051條經驗 獲得超10個贊
只需添加必要的庫就可以了。下面是一個工作示例。我還添加了一些 css 來在模型打開之前隱藏內容。
#dialog{
display:none;
}工作示例：
https://jsfiddle.net/mrAhmedkhan/04goxq8h/11/
慕姐4208626
TA貢獻1852條經驗 獲得超7個贊
好的，jquery-ui.min.js 從 1.10 開始就被破壞了。所以要么：
安裝早期版本；或者
將庫放在引導程序庫之后（會對引導程序工具提示產生不利影響）；或者
用下面的代碼解決沖突：
$('#updateRisk').click(function() {
if (typeof $.fn.bootstrapBtn =='undefined') {
$.fn.bootstrapBtn = $.fn.button.noConflict();
};
$("#myForm").dialog({
title: "Select Risks",
width: 600,
modal: true,
resizable: true,
});
showRiskTable();
});
- 2 回答
- 0 關注
- 141 瀏覽
添加回答
舉報
0/150
提交
取消