Jquery ui jqueryui的特定用途。下载哪个.js?
我期待着测试小部件->对话框->模式确认 jqueryui.js仅为特定用途而加载很重。 我从JQUI站点下载了一个包含许多小.js文件的文件夹 我猜它们是主要js的一部分。我已经测试过只加载jquery.ui.widget.js和jquery.ui.dialog.js,但我得到了以下控制台错误: 未捕获类型错误:对象函数(选择器,上下文){// jQuery对象实际上只是init构造函数“增强” 返回新的jQuery.fn.init(选择器、上下文、rootjQuery);}has 没有方法“widget” 接下来的代码是JQUI示例的副本 示例仅在加载繁重的query-ui.js文件时显示并按预期工作 HTMLJquery 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 没有方法“
选择您的选项
如果您只想使用和下载对话框所需的文件,请访问
取消选中“全部切换”复选框,只选中小部件->对话框。每个必要的其他文件都会自动检查。相应的链接是一个。请注意,您可以在下载按钮上方的页面底部更改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>