Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jqueryui的特定用途。下载哪个.js?_Jquery Ui_Jquery Ui Dialog_Jquery Ui Widget - Fatal编程技术网

Jquery ui jqueryui的特定用途。下载哪个.js?

Jquery ui jqueryui的特定用途。下载哪个.js?,jquery-ui,jquery-ui-dialog,jquery-ui-widget,Jquery Ui,Jquery Ui Dialog,Jquery Ui Widget,我期待着测试小部件->对话框->模式确认 jqueryui.js仅为特定用途而加载很重。 我从JQUI站点下载了一个包含许多小.js文件的文件夹 我猜它们是主要js的一部分。我已经测试过只加载jquery.ui.widget.js和jquery.ui.dialog.js,但我得到了以下控制台错误: 未捕获类型错误:对象函数(选择器,上下文){// jQuery对象实际上只是init构造函数“增强” 返回新的jQuery.fn.init(选择器、上下文、rootjQuery);}has 没有方法“

我期待着测试小部件->对话框->模式确认

jqueryui.js仅为特定用途而加载很重。 我从JQUI站点下载了一个包含许多小.js文件的文件夹

我猜它们是主要js的一部分。我已经测试过只加载jquery.ui.widget.jsjquery.ui.dialog.js,但我得到了以下控制台错误:

未捕获类型错误:对象函数(选择器,上下文){// jQuery对象实际上只是init构造函数“增强” 返回新的jQuery.fn.init(选择器、上下文、rootjQuery);}has 没有方法“widget”

接下来的代码是JQUI示例的副本

示例仅在加载繁重的query-ui.js文件时显示并按预期工作

HTML


选择您的选项


如果您只想使用和下载
对话框所需的文件,请访问

取消选中“全部切换”复选框,只选中小部件->对话框。每个必要的其他文件都会自动检查。相应的链接是一个。请注意,您可以在下载按钮上方的页面底部更改
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.resizeable.js、jquery.ui.button.js、jquery.ui.dialog.js


我希望我答对了您的问题,这就是您想要的。

如果您只想使用和下载
对话框所需的文件,请访问

取消选中“全部切换”复选框,只选中小部件->对话框。每个必要的其他文件都会自动检查。相应的链接是一个。请注意,您可以在下载按钮上方的页面底部更改
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.resizeable.js、jquery.ui.button.js、jquery.ui.dialog.js


我希望我正确地回答了您的问题,这就是您想要的。

请发布您的HTML标记,该标记引用jquery.ui.dialog.js和初始化wdiget的JavaScript代码。好的,我会将其添加到问题中。如果我从query-hi.js加载完整的集合,那么JQUI提供的示例就可以很好地工作。有些东西不见了,但我不知道是什么。请发布引用jquery.ui.dialog.js的HTML标记和初始化wdiget的JavaScript代码。好的,我会将其添加到问题中。如果我从query-hi.js加载完整的集合,那么JQUI提供的示例就可以很好地工作。有些东西不见了,但我不知道是什么。当前向导未生成包含js文件夹的文件:(确实如此!相反,您最可能查找的文件位于zip存档的根目录中。它名为jquery-ui.js当前向导不会生成包含js文件夹的文件。:(确实如此!相反,您最可能查找的文件位于zip存档的根目录中。它名为jquery-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" );
          }
        }
      });
    });
<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>