我正在寻找测试小部件-> 对话框-> 模态确认。
jquery-ui.js很重,仅用于特定用途。从 JQ UI 站点我下载了一个包含许多小 .js 文件的文件夹
我猜它们是主要js的一部分。我已经测试只加载jquery.ui.widget.js和jquery.ui.dialog.js但我得到这个控制台错误:
Uncaught TypeError: Object function ( selector, context ) { // jQuery 对象实际上只是 init 构造函数 'enhanced' return new jQuery.fn.init( selector, context, rootjQuery ); } 没有方法“小部件”
接下来的代码是来自http://jqueryui.com/dialog/#modal-confirmation的 jQ UI 示例的副本
示例显示并按预期工作,仅加载繁重的 query-ui.js 文件
src="/js/jquery.ui.dialog.js"
src="/js/jquery.ui.widget.js"
$(function() {
$( "#dialog-confirm" ).dialog({
resizable: false,
height:140,
width:350,
modal: true,
buttons: {
"Accept": function() {
$( this ).dialog( "close" );
},
"Refuse": function() {
$( this ).dialog( "close" );
}
}
});
});
HTML
<div id="dialog-confirm" title="Confirmation">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Select your option</p>
</div>