Tag: jQuery

jQuery UI自动完成combobox非常慢,大select列表

我正在使用jQuery UI Autocomplete Combobox的修改版本,如下所示: http : //jqueryui.com/demos/autocomplete/#combobox 为了这个问题,我们假设我有这个代码^^^ 打开combobox时,无论是通过单击button还是关注combobox文本input,在显示项目列表之前都有很长的延迟时间。 当select列表有更多的选项时,这个延迟明显变大。 这种延迟不是第一次发生,每次都发生。 由于这个项目中的一些select列表非常大(数百和数百项),所以延迟/浏览器冻结是不可接受的。 任何人都可以指出我正确的方向来优化这个? 甚至性能问题可能在哪里? 我相信这个问题可能是脚本显示完整列表的方式(自动完成search空string)的方式,是否有另一种方式来显示所有项目? 也许我可以build立一个一次性的情况下显示所有项目(因为它是打开列表之前开始打字是常见的),不做所有的正则expression式匹配? 这是一个jsfiddle来摆弄: http : //jsfiddle.net/9TaMu/

jQuery对象不支持IE中的属性或方法trim()

怎么了与jQuery的修剪方法? jQuery('#Reminders').attr('value').trim() 对象不支持属性或方法“修剪” jQuery('#Reminders').attr('value') “5,1,1” $('#Reminders').attr('value').split(',') [5,1,1] [0]: "5" [1]: "1" [2]: "1" 我没有这些在FireFox或Chrome的困境…只有IE 9.0。 trim()有什么特别的…我没有得到备忘录。

使用jQuery滑动div offscreen

这是一个挑战。 这是我正在寻找的东西: 3屏幕上的div Div 1驻留在页面的中间(居中) Div 2位于最左边的屏幕之外 Div 3位于最右边的屏幕之外 OnClick ,Div 1滑动到Div 2位置(左边),Div 2完全滑出屏幕,Div 3滑动到Div 3所在的位置(中间,居中)。 新的div到达右边。 我试过使用jQueryanimation和AddClass。 jQuery不喜欢滑动div离屏。 有什么想法吗? 有关我所描述的示例,请访问Groupon.com 。 我认为这是一个很酷的想法,并给自己一个重新创造的挑战。 到目前为止,没有骰子。 -D

每行select第一个TD w / jQuery

如何为表中每一行的每个第一个单元格分配样式? $("#myTable tr td:first").addClass("black");

停止提交表单,使用Jquery

如果validation失败,我试图阻止提交表单。 我试着按照以前的文章,但我不为我工作。 我错过了什么? <input id="saveButton" type="submit" value="Save" /> <input id="cancelButton" type="button" value="Cancel" /> <script src="../../Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("form").submit(function (e) { $.ajax({ url: '@Url.Action("HasJobInProgress", "ClientChoices")/', data: { id: '@Model.ClientId' }, success: function (data) { showMsg(data, e); }, cache: false }); }); }); $("#cancelButton").click(function () { window.location = '@Url.Action("list", "default", new { clientId […]

如何select除JQuery中的单击元素之外的所有类?

我有一个在Drupal上开发的网站。 我使用了一个名为collapsiblock的模块(它基本上是一个JQuery插件)来实现类似手风琴的效果。 它与我工作正常(虽然它在testing版)。 但我想修改它,以便当用户点击手风琴的一个项目时,其他项目将会折叠。 在当前的统计数据中,它的工作方式是当用户点击一个项目时,它将检查项目是否已经被折叠或展开,并且将使项目相反。 这意味着,如果用户点击一个项目,它将展开,如果他/她点击另一个项目,它也将展开,但不会折叠先前点击的项目。 你可以看到下面的代码。 我知道我应该在哪里添加代码崩溃以及如何折叠和展开。 我的问题是:如何select除了用户点击了“.collapsiblock”类的所有项目? 注意:具有“.collapsiblockCollapsed”类的项目会被折叠,如果这个类从项目中被移除,它将被展开。 // $Id: collapsiblock.js,v 1.6 2010/08/18 19:17:37 gagarine Exp $ Drupal.Collapsiblock = Drupal.Collapsiblock || {}; Drupal.behaviors.collapsiblock = function (context) { var cookieData = Drupal.Collapsiblock.getCookieData(); var slidetype = Drupal.settings.collapsiblock.slide_type; var defaultState = Drupal.settings.collapsiblock.default_state; var slidespeed = parseInt(Drupal.settings.collapsiblock.slide_speed); $('div.block:not(.collapsiblock-processed)', context).addClass('collapsiblock-processed').each(function () { var id = this.id; var titleElt […]

清除并刷新jQueryselect下拉列表

我试图清除jQueryselect下拉列表并刷新它。 HTML: <select data-placeholder="Select Picture…" class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2"> <option value="" selected="selected"></option> <option value="x">remove me</option> </select> 当我点击“刷新”button,它应该变成这样: <select data-placeholder="Select Picture…" class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2"> <option value="1">test</option> </select> 我曾经尝试过: $("#refreshgallery").click(function(){ $('#picturegallery').empty(); var newOption = $('<option value="1">test</option>'); $('#picturegallery').append(newOption); }); 但我不能得到它来更新下拉列表…一些帮助? 🙂

通过.push()方法将项目添加到对象

我正在通过“checkbox”types的input元素做一个循环。 之后,我将值和检查属性添加到数组中。 这是我的代码: var stuff = {}; $('form input[type=checkbox]').each(function() { stuff[$(this).attr('value')] = $(this).attr('checked'); }); 这工作得很好,但我只是想知道如果我可以用jQuery中的.push()方法做同样的事情? 我试过这样的东西,但它不工作: stuff.push( {$(this).attr('value'):$(this).attr('checked')} ); 编辑: 我试图在对象上使用.push()方法,但.push()实际上只是Array对象的一种方法。

无法更新数据属性值

虽然在网上有一些这样的例子,但它似乎并不正确。 我无法弄清楚这个问题。 我有这个简单的HTML <div id="foo" data-num="0"></ div> <a href="#" id="changeData">change data value</a> 每次我点击链接“更改数据值”我想要更新data-num的数据值。 例如,我需要它是1,2,3,4,…(加1每次我点击链接) 我有什么 var num = $('#foo').data("num"); console.log(num); num = num+1; console.log(num); $('#foo').attr('data-num', num); 每次更改一次从0到1。 我不能让它增量。 任何build议我做错了什么?

jqGrid中的隐藏列

有没有什么办法可以隐藏jqGrid表中的列,但在表单编辑器模式对话框中编辑行时,它显示为只读?