Question

我希望测试小部件 - ＆gt;对话 - ＆gt;模态确认。

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

我猜他们是主要的js的一部分。我测试过只加载 jquery.ui.widget.js 和 jquery.ui.dialog.js 但是我收到此控制台错误：

未捕获的TypeError：对象函数（选择器，上下文）{// jQuery对象实际上只是init构造函数'enhanced' 返回新的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>

Answer 1

如果您只想使用并下载dialog窗口小部件所需的文件，请访问jQuery UI Download Builder

取消选中“全部切换”复选框，只检查小部件 - ＆gt;的对话框即可。必要时会自动检查所需的每个其他文件。相应的链接是this一个。请注意，您可以更改下载按钮上方页面底部的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

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

jQuery UI特定用途。哪个.js要下载？

1 个答案: