Questions tagged «jquery-ui»

jQuery UI是在jQuery JavaScript库之上构建的一组精选的用户界面交互,效果,小部件和主题。

13
将多个JavaScript文件合并到一个JS文件中
已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅通过编辑此帖子来关注一个问题。 5年前关闭。 改善这个问题 我在Web应用程序中使用jquery,我需要将更多jquery脚本文件加载到单个页面中。 Google建议我将所有的jquery脚本文件合并为一个文件。 我怎样才能做到这一点?

8
在jQuery UI自动完成功能上未检测到任何结果
是的,在您向我指出这些问题之前,我已经审查了有关该主题的六篇文章,但是我仍然对为什么这行不通感到困惑。 我的目标是检测自动填充何时产生0个结果。这是代码: $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + $(".ui-autocomplete li").size()); $("#entitySearch").val(""); …

8
HTML在移动设备上的拖放
当您使用JavaScript将网页拖放到jQuery UI(例如可拖放的jQuery UI)上时,如何通过移动设备上的浏览器查看,使该按钮正常工作-触摸屏上的拖动操作被拦截翻页等手机? 欢迎所有解决方案...我的最初想法是: 有一个用于移动设备的按钮,可“举起”要拖动的项目,然后让他们单击要放置项目的区域。 编写一个针对移动设备执行此操作的应用程序,然后尝试使网页在其上运行! 请提出您的建议和意见。

16
jQuery Date Picker-禁用过去的日期
我正在尝试使用UI日期选择器选择日期范围。 在“从/到”字段中,人们应该无法查看或选择当前日期之前的日期。 这是我的代码: $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings ); dates.not( …

3
自动完成值的应用而不是标签到文本框
我在尝试使自动完成功能正常工作时遇到了麻烦。 对我来说一切都很好,但是.... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.item.label); } }); }); </script> <div> <input id="customer-search" /> </div> @Html.Hidden("selected-customer") 但是,当我从下拉列表中选择一项时,该值将应用于文本框而不是标签。 我做错了什么? 如果我使用firebug查看源代码,可以看到我的隐藏字段正在正确更新。


15
jQuery UI工具提示不支持html内容
今天,我用jQuery 1.9.1升级了所有jQuery插件。我开始在jQueryUI.1.10.2中使用jQueryUI工具提示。一切都很好。但是,当我在内容中使用HTML标签时(在title我将工具提示应用到的元素的属性中),我注意到不支持HTML。 这是我的工具提示的屏幕截图: 如何使用1.10.2中的jQueryUI工具提示使HTML内容起作用?


9
在本地托管jQuery的好处与陷阱[关闭]
已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅通过编辑此帖子来关注一个问题。 去年关闭。 改善这个问题 我们目前正在从Google CDN中提取jQuery和jQueryUI(以及jQueryUI CSS)库。我喜欢这样,因为我可以打电话,google.load("jquery", "1"); 并且将使用最新的jQuery1.xx。 现在我出于安全考虑将库拉到本地。 我很高兴将它们拉到本地,但我想知道还有哪些其他好处和陷阱值得关注?

16
如何清除/重置jQuery UI Datepicker日历上的选定日期?
如何重置日期选择器日历值?..最小和最大日期限制? 问题是当我清除日期(通过删除文本框值)时,以前的日期限制仍然适用。 我一直在整理文档,没有任何解决方案。我也无法在SO / google搜索中找到快速解决方案 http://jsfiddle.net/CoryDanielson/tF5MH/ 解: // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); });​​ _.clearDate()是DatePicker对象的私有方法。您不会在jQuery UI网站的公共API中找到它,但是它的作用就像一个魅力。

7
jQuery UI日期选择器。禁用日期数组
我一直在尝试寻找解决我的Jquery ui datepicker问题的解决方案,但我没有运气。这就是我想要做的... 我有一个应用程序,在这里我正在做一些复杂的PHP,以从jQuery UI Datepicker返回我希望阻止的日期的JSON数组。我返回这个数组: ["2013-03-14","2013-03-15","2013-03-16"] 有没有简单的方法可以简单地说:从datepicker阻止这些日期? 我已经阅读了UI文档,但没有任何帮助。谁有想法?

5
在jQuery UI自动完成中使用HTML
在jQuery UI 1.8.4之前,我可以在为使用自动完成功能而构建的JSON数组中使用HTML。 我能够做类似的事情: $row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>'; 那会在下拉菜单中显示为红色文本。 从1.8.4开始,这不起作用。我找到了http://dev.jqueryui.com/ticket/5275,该页面告诉我在这里使用自定义HTML示例,但我对此不走运。 如何使HTML显示在建议中? 我的jQuery是: <script type="text/javascript"> $(function() { $("#findUserIdDisplay").autocomplete({ source: "ui_autocomplete_users_withuname.php", minLength: 2, select: function(event, ui) { $('#findUserId').val(ui.item.id); } }); }); </script> 我的JSON数组包含如下所示的HTML: [{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]

12
jQuery-UI的自动完成功能无法正常显示,z-index问题
我目前正在我的客户网上商店中实现jQuery UI的自动完成功能。问题是:自动完成功能所驻留的元素的z-index值高于自动完成功能的z-index值。我尝试手动设置自动完成z-index,但是我感觉jQuery UI会覆盖它。 实际上,我的问题是自动完成建议列表的重复,错误的z-index,我该如何更改?,但由于没有答案,因此我考虑再次尝试。 欢迎任何帮助! 马丁

8
jQuery的UI日期选择器更改Z索引
这个问题很简单,尽管我很难弄清楚如何解决它。 我正在使用jQuery-ui datepicker以及自定义的“ ios样式开/关切换”。此切换开关使用一些绝对定位的元素,这些元素当前显示在我的日期选择器顶部。 请参阅下面覆盖7月6日的丑陋圈子... 做这件事的肮脏方法(至少是imo)是在我的一个样式表中编写样式,但是我宁愿在启动选择器时使用一些javascript来完成此工作。 我已经尝试过了 $('.date_field').datepicker(); $('.date_field').datepicker("widget").css({"z-index":100}); 和 $('.date_field').datepicker({ beforeShow: function(input, inst) { inst.dpDiv.css({"z-index":100}); } }); 但似乎每次启动日期选择器时z-index都会被覆盖。 任何帮助表示赞赏!

11
将数据传递到jQuery UI对话框
我正在开发一个ASP.Net MVC网站,在该网站上,我在一个表中列出了来自数据库查询的一些预订,并带有ActionLink来取消特定行上的预订,BookingId例如: 我的预订 <table cellspacing="3"> <thead> <tr style="font-weight: bold;"> <td>Date</td> <td>Time</td> <td>Seats</td> <td></td> <td></td> </tr> </thead> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">13:00 - 14:00</td> <td style="width: 100px;">2</td> <td style="width: 60px;"><a href="/Booking.aspx/Cancel/15">cancel</a></td> <td style="width: 80px;"><a href="/Booking.aspx/Change/15">change</a></td> </tr> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">15:00 - 16:00</td> <td style="width: 100px;">3</td> <td …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.