Tag: jquery ui

jQuery UI自动完成:只允许从build议列表中select的值

我正在实现jQuery UI自动完成,并且想知道是否有任何方法只允许从返回的build议结果中进行select,而不是允许将任何值input到文本框中。 我使用这个标签系统非常像这个网站上使用的标签系统,所以我只想让用户从预填充列表中select标签返回到自动完成插件。

我如何获得jQuery-UI版本?

这应该是一个简单的问题,但我如何检测jQuery-UI版本? 这是为Greasemonkey脚本和(当前)目标页面似乎运行jQuery-UI,1.5.2。 但是,不同的目标页面可能运行不同的版本。 console.log ($.ui); 没有显示任何有用/明显的版本检测。

在更新到1.11.0之后,自动完成要求您在iOS中点击两次

使用jQuery 2.1.0和jQuery.ui 1.11.0在iOS 7中testingiPhone和iPad Mini。 适用于Android和常规浏览器。 问题 我们最近从jQuery UI 1.10.0升级到了1.11.0,现在,当点击自动完成结果列表中的一个项目时,只会得到hover,您必须再次单击相同的元素才能获得点击事件。 这用于在1.10.0版本中正常工作。 (JSFiddle链接的评论) 什么都行不通 使用CSS {cursor: pointer}不起作用 使用onclick=""不起作用 (JSFiddle链接的评论) 奇怪的部分 但是,有趣/怪异的部分。 它在JSFiddle 编辑视图中工作,但不在JSFiddle“/ show”页面上。 JSFiddles 🙁 键入一个字母来显示结果“是好的”) Html视图 (不起作用) 编辑视图 (作品) 我一直在这个工作了几天,但没有能够在JSFiddle中只testingHTML视图之前重现它。 所以现在我转向你。 我不能为我的生活弄清楚为什么一个页面触发一个点击事件,而另一个则不是。 我正在使用jQuery自动完成的最基本的function。 实际上,使用jQuery UI主页上显示的完全相同的代码。 这个问题 那么,如何在/ show页面的iOS中单击一下自动完成? (我会在评论中张贴额外的链接,因为我还没有10个代表,除非我没有足够的代表评论…)

在jquery datepicker中设置最短date

嗨,我想在我的jquery datepicker(1999-10-25)设置最短date,所以我试着下面的代码,它不工作。 $(function () { $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd', showButtonPanel: true, changeMonth: true, changeYear: true, showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, minDate: new Date(1999, 10 – 1, 25), maxDate: '+30Y', inline: true }); }); **如果我将分年改为2002年以上,则可以正常工作,但是如果我指定的年份less于2002年(如上面的例子1999),它将只显示到2002年。有人帮助我。 我正在使用jquery-1.7.1.min.js和jquery-ui-1.8.18.custom.min.js。

在JavaScript中closures所有的jQuery对话框窗口

如何在JavaScript中closures所有的jQuery UI对话窗口? 情况: 该页面有多个可以使用对话框打开的东西。 我需要一种方式来closures所有以前的窗口,然后再打开一个新窗口。

为什么.disableSelection()已弃用?

JQueryUI 1.9中的.disableSelection已被弃用。 我能find的唯一解释就是, “禁用文本select是不好的,不要使用这个”。 和“我们不应该让开发人员混淆文本select,最初是为了交互插件,但是他们都在正确地处理文本select。” 由于没有别的build议,我认为这意味着它总是很糟糕,但我无法理解他们的理由。 精心devise的UI应用程序的双击/三击或其他无意义的select不当地应用了文本高亮效果,并(对我而言)立即消除了强大用户体验的错觉。 桌面应用程序不会受到这个! 桌面环境中的button和其他控件是像素区域,无论您对它们做了什么(或者它们被破坏),这些像素都看起来坚实并且直观地起作用。 Web应用程序由复杂的HTML框,背景,边框和图像(像素的networking模拟)组成的事实没有理由背叛我们与之交互的屏幕元素不是primefaces的物理对象的错觉。 在下面的图片中,可以说一些文本应该是可select的,例如可以是应用程序数据的面板中的文本段落。 但对于某些应用程序来说,这是一个合理的deviseselect ,其他部分(如button,标签,手风琴标题中的文本以及modal dialog背后的文本)将不可选。 这特别适用于可拖动/可sortingtypes的行为。 1)我误解了他们的决定? 这个build议是否比JQuery更具体? 2)如果这意味着文本总是可以这样select的话,请提供一个更完整的解释。 3)无论如何,如果我打算这么做的话,那么disableSelection已经被废弃了,那么什么是最高性能,完整,尊重,跨浏览器和普遍可用的方法呢?

如何将额外的parameter passing给Jquery自动填充字段?

我在我的一个表单中使用了JQuery Autocomplete。 基本forms从我的数据库中select产品。 这很好,但我想进一步发展,只有从某个邮政编码发货的产品返回。 我已经find了后端脚本。 我只需要制定将邮政编码传递给此脚本的最佳方法。 这是我的表单看起来的样子。 <form> <select id="zipcode"> <option value="2000">2000</option> <option value="3000">3000</option> <option value="4000">4000</option> </select> <input type="text" id="product"/> <input type="submit"/> </form> 这里是JQuery代码: $("#product").autocomplete ({ source:"product_auto_complete.php?postcode=" + $('#zipcode').val() +"&", minLength: 2, select: function(event, ui){ //action } }); 这个代码在一定程度上起作用。 但只返回第一个邮政编码值,不pipe实际select哪个值。 我想现在发生的事情是,源URL是在页面加载时启动的,而不是当select菜单被改变时。 有没有解决的办法? 还是有一个更好的方式来实现我所追求的结果?

如何使jQuery UI对话框不能resize

有谁知道如何使jQuery对话框不可resize? 目前我称之为: var elem = $("#mydiv"); elem.dialog({ modal: true, title: 'title', buttons: { Ok: function() { $(this).dialog('close'); } // end function for Ok button } // end buttons }); // end dialog elem.dialog('open')

jQuery UI可sorting,如何确定更新事件中的当前位置和新位置?

我有: <ul id="sortableList"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> 我已经连线到update: function(event, ui) { }但不知道如何获取元素的原始位置和新位置。 如果我将项目3移动到项目1上方,我想将原始位置设置为2 (基于0的索引),并将项目3的新位置设置为0 。

在jQuery UI选项卡中设置默认选项卡

我有一个基本的HTML表每个月的日历,每个月在一个jQuery UI选项卡选项卡。 我怎样才能更改默认加载哪个jQuery UI选项卡? 我想在导航中保持月份的顺序,但当前月份显示在页面加载。