0

我正在寻找测试小部件-> 对话框-> 模态确认。

jquery-ui.js很重,仅用于特定用途。从 JQ UI 站点我下载了一个包含许多小 .js 文件的文件夹

我猜它们是主要js的一部分。我已经测试只加载jquery.ui.widget.jsjquery.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>
4

1 回答 1

3

如果您只想使用和下载dialog小部件所需的文件,请访问jQuery UI 下载生成器

取消选中“Toggle all”复选框,只选中Widgets -> Dialog。每个其他必要的文件都会自动检查。相应的链接是这个。请注意,您可以CSS在页面底部的下载按钮上方更改配置。

下载的.zip应该包含3个文件夹

js

开发包

css

重要的是js包含 jQuery 版本(没有没有 jQuery 的 UI)和您自定义的 jQuery UI.js文件的文件夹。一个是可读的,一个是缩小的。如果您打开jquery-ui-1.10.3.custom.js文件,您可以看到其中包含的内容。在您的情况下,这应该是:

jquery.ui.core.js,jquery.ui.widget.js,jquery.ui.mouse.js,jquery.ui.position.js,jquery.ui.draggable.js,jquery.ui.resizable.js,jquery。 ui.button.js, jquery.ui.dialog.js

我希望我的问题是正确的,这就是你想要的。

于 2013-05-21T22:50:47.760 回答