Tag: jquery ui

jQuery Autocomplete在选择项目上提交表单，按钮点击和/或输入？: 我正在尝试使用jQuery Autocomplete根据输入选择将用户重定向到url。我已经看到了解决我的部分问题的其他问题，但是我无法将它们放在一起以提供以下function：选择项目时触发重定向，以及输入按键和/或按钮单击。 Jsfiddle演示 – > http://jsfiddle.net/wfaxvm43/5/ 资料来源： http://jsfiddle.net/DLLVw/ 选择jQuery自动完成触发按钮 JQuery自动填充：在选择时提交表单？ $(function () { var stateList = [{ “value”: “Tennessee”, “url”: “http://www.tennessee.gov” }, { “value”: “Texas”, “url”: “http://www.texas.gov” }, { “value”: “Colorado”, “url”: “http://www.colorado.gov” }, { “value”: “Connecticut”, “url”: “http://www.ct.gov” }]; $(“#states”).autocomplete({ source: stateList, select: function (event, ui) { go(ui.item.url); // On enter key […]

重新触发相同的选项卡索引事件: 我正在使用Jquery UI选项卡，触发show事件我使用以下语句$ tabs.tabs（’select’，1）; 执行此代码后，选项卡设置为＃tabs-1但是当＃tabs-1已经显示时，我无法在同一选项卡上重新触发相同的事件。所以如何重新触发相同的tab事件。

foreach循环中的JQuery复选框操作: 我已经制作了如下表格。 Sl No. Document title Description Revision Parts name Issue Link <tr id="”> <input type="checkbox" name="chkItem" class="chk" id="chkbox_” /> <a href='https://stackoverflow.com/questions/4813610/jquery-checkbox-manipulation-within-a-foreach-loop/’> Add 我需要实现以下目标：通过选中复选框（name =“chkItem”）在控制器中为所选行执行操作。选中复选框（name =“chkSelectAll”）时，选中/取消选中复选框（name =“chkItem”）。选中all后，选中chkSelectAll复选框，取消选中任何人都应该取消选中chkSelectAll复选框。

由于变量范围，jQuery response（）函数不返回任何结果: 我遇到的问题是由于变量范围，我无法从jQuery UI自动完成表单中获得任何结果。让我演示给你看。 // TAKE A CLOSE LOOK AT THIS METHOD select: function(e, ui) { $(‘#instant-search’).text(ui.item.label); $(“#search”).autocomplete(“option”, “source”, function(request, response) { getAutocompleteResults(function(d) { // DOESN’T WORK response(d); }); // WORKS BUT IT SHOULD BE A DYNAMIC ARRAY FROM THE “D” OBJECT // response([“anarchism”, “anarchist black cross”, “black rose (symbolism)”, “communist symbolism”, “political symbolism”]); }); $(“#search”).autocomplete(“search”, […]

jQuery resize（）事件在可拖动时不起作用: 我试图使用jQuery将“Draggable”变成DIV（id = sortable），但它不能正常工作“Resize”。可拖动“将我拖下来”DIV进入DIV（id = sortable） Draggable在DIV中正常工作（id = sortable）可resize在DIV内不起作用（id = sortable）有谁知道我做错了什么？脚本和HTML $(function() { $(“#sortable”).sortable({ revert: true }); $(“#draggable”).draggable({ connectToSortable: “#sortable”, helper: “clone”, revert: “invalid” }); $(‘.resizemove’).resizable(); }); Drag me down One Two Three Four 这是JsFiddle

onchangeDate不会在克隆的datepicker对象上触发: 我正在处理项目的项目（请参阅我之前的问题： validate-dynamic-table-rows-on-event-listeners / 42408354＃42408354 ）我的表行在成功处理后被克隆。我必须清除所有输入，更改嵌套的html对象的类和ID，除了onchangeDate事件侦听器之外，一切正常。我正在使用jQuery.dataTables来填充我的表，而complete: function是我将datepickers绑定到我的tr tds中的原始输入html元素的地方。而不是由datepickers分配的dp126353729 ID我使用我的ID的行号，这根本不是问题。我的问题是，当我关闭我的日期选择器时，我使用onchangeDate事件来触发onfocusout事件，以便使用新日期处理我的表行。我不得不通过使用setTimeout来玩游戏，让事件监听器首先获取新日期！克隆的datepicker元素不会触发onchangeDate 。我试图将它们绑定到这个事件没有任何运气。使用默认ID也没有帮助。这是一个JSFIDDLE，用于显示克隆的日期选择器如何触发onfocusout 这是我的代码： var DatePicker = function(that){ if (jQuery().datepicker) { alert(that.attr(‘id’)); that.datepicker({ showOn: “button”, buttonImage: “/images/calendar.png”, buttonImageOnly: true, buttonText: ‘Select a start buying date’, changeMonth: true, changeYear: true, beforeShow: function() { setTimeout(function(){ $(‘.ui-datepicker’).css(‘z-index’, 100100); }, 0); }, onSelect: function […]

Gupshup Chat Web Widget重定向问题: 我用Gupshup构建了一个机器人，它真的是一个很酷的工具。他们为我们提供了一个可以放到任何网站上的网页小部件。但是小部件似乎确实存在严重问题。假设我将小部件放在我的网页www.xyz.com上。从桌面使用时很好。当我从我的Android设备打开它时，小部件会将我重定向到Builquickbots.com，这应该永远不会发生。我该如何解决这个严重问题？他们提供的小部件的UI代码 window.tcAsyncInit = function() { tc.init ({ botkey: “fe2c4c7-p4opop9-0000-0000-243gg7366d69”, appUISetting : ‘%7B%22minimisedScreen%22%3A%7B%22minText%22%3A%22Chat%20with%20Me%22%2C%22width%22%3A%22350%22%2C%22textColor%22%3A%22%23565656%22%7D%2C%22chatScreen%22%3A%7B%22maxText%22%3A%22Me%20Online%22%2C%22imageDisplayType%22%3A%22rectangular%22%2C%22textColor%22%3A%22%23000000%22%7D%2C%22loginScreen%22%3A%7B%22height%22%3A%22410%22%2C%22formHeading%22%3A%22Please%20tell%20us%20about%20yourself.%22%2C%22nameLabel%22%3A%22Add%20Name%22%2C%22emailLabel%22%3A%22Add%20Email%22%2C%22phoneLabel%22%3A%22Add%20Phone%20No%22%2C%22messageLabel%22%3A%22Add%20Message%22%2C%22submitBtnText%22%3A%22Start%20Chatting%22%7D%2C%22contentScreen%22%3A%7B%22customfontSize%22%3A%2214%22%2C%22fontFamily%22%3A%22sans-serif%22%2C%22botBgColor%22%3A%22%23e2e2e2%22%2C%22botColor%22%3A%22%23444%22%2C%22userBgColor%22%3A%22%23acdae9%22%2C%22userColor%22%3A%22%23000000%22%7D%2C%22commonWidget%22%3A%7B%22width%22%3A%22350%22%2C%22height%22%3A%22370%22%2C%22bgColor%22%3A%22%23eeeeee%22%2C%22bgImage%22%3A%22https%3A//media.licdn.com/mpr/mpr/shrink_200_200/AAEAAQAAAAAAAAbRAAAAJDNjNzljNWFlLTNiZjctNDZmNC1iNTQzLWI0ODNkMzRmYWQxMw.png%22%2C%22perMenuImg%22%3A%22%22%2C%22borderColor%22%3A%22%23d4d4d4%22%2C%22textColor%22%3A%22%23ff4400%22%2C%22titleTextFont%22%3A%2218%22%2C%22titleWinHeight%22%3A%2245%22%2C%22RDStatus%22%3A%22No%22%2C%22webView%22%3A%22Yes%22%2C%22isResponsive%22%3A%22Yes%22%2C%22msgEncryption%22%3A%22No%22%2C%22allowHtmlFromBot%22%3A%22No%22%2C%22widgetType%22%3A%22Normal%22%2C%22persistenceMenu%22%3A%22%7B%20%5Ct%5C%22disableinput%5C%22%3A%20false%2C%20%5Ct%5C%22menu%5C%22%3A%20%5B%7B%20%5Ct%5Ct%5C%22title%5C%22%3A%20%5C%22Templates%5C%22%2C%20%5Ct%5Ct%5C%22type%5C%22%3A%20%5C%22nested%5C%22%2C%20%5Ct%5Ct%5C%22menu%5C%22%3A%20%5B%7B%20%5Ct%5Ct%5Ct%5C%22title%5C%22%3A%20%5C%22Word%20Templates%5C%22%2C%20%5Ct%5Ct%5Ct%5C%22type%5C%22%3A%20%5C%22text%5C%22%20%5Ct%5Ct%7D%2C%20%7B%20%5Ct%5Ct%5Ct%5C%22title%5C%22%3A%20%5C%22Powerpoint%20Templates%5C%22%2C%20%5Ct%5Ct%5Ct%5C%22type%5C%22%3A%20%5C%22nested%5C%22%2C%20%5Ct%5Ct%5Ct%5C%22menu%5C%22%3A%20%5B%7B%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22title%5C%22%3A%20%5C%22Blank%5C%22%2C%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22type%5C%22%3A%20%5C%22text%5C%22%20%5Ct%5Ct%5Ct%5Ct%7D%2C%20%5Ct%5Ct%5Ct%5Ct%7B%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22title%5C%22%3A%20%5C%22Customer%20Account%20Planning%5C%22%2C%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22type%5C%22%3A%20%5C%22text%5C%22%20%5Ct%5Ct%5Ct%5Ct%7D%2C%20%5Ct%5Ct%5Ct%5Ct%7B%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22title%5C%22%3A%20%5C%22Interim%20Guidelines%5C%22%2C%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22type%5C%22%3A%20%5C%22text%5C%22%20%5Ct%5Ct%5Ct%5Ct%7D%2C%20%5Ct%5Ct%5Ct%5Ct%7B%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22title%5C%22%3A%20%5C%22Account%20Planning%5C%22%2C%20%5Ct%5Ct%5Ct%5Ct%5Ct%5C%22type%5C%22%3A%20%5C%22text%5C%22%20%5Ct%5Ct%5Ct%5Ct%7D%20%5Ct%5Ct%5Ct%5D%20%5Ct%5Ct%7D%5D%20%5Ct%7D%5D%20%7D%22%2C%22logo%22%3A%22https%3A//www.gupshup.io/images/botwidget/ic_dummy_chat_g.png%22%2C%22user%22%3A%22http%3A//www.buildquickbots.com/widget/bots/8d755751f41ebca83f2f90e3781615e4/2328c115a6043bb25539fdf3e968a770/user.png%22%2C%22bot%22%3A%22http%3A//www.buildquickbots.com/widget/bots/8d755751f41ebca83f2f90e3781615e4/2328c115a6043bb25539fdf3e968a770/bot.png%22%7D%7D’, version : ‘v2’ }); }; (function(d, s, id){ var js, tjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; css = d.createElement(‘link’); css.type = “text/css”; css.rel = “stylesheet”; css.href = ‘//www.buildquickbots.com/botwidget/v2/demo/static/css/style.css’; css1 = […]

将时区偏移小时数转换为（军事？）小时内的时区偏移量: 我正在使用WordPress和jQuery Timepicker。 WordPress以小时为单位给出时区偏移量：如+2或-3.5 jQuery Timepicker在军事时间内取消：+0200或-0330 我目前正在使用这样的东西： gmt_offset = -4; hrs_offset = gmt_offset.replace(‘-‘, ‘-0’) + “00”; = -0400 但如果偏移不是一个负数，那将会破裂。 gmt_offset = -3.5; hrs_offset = gmt_offset.replace(‘-‘, ‘-0’) + “00”; = -03.500 //No good… need: -0330 确认！有人可以帮我解决这个问题吗？

使用jQueryUI为borderColor设置动画: 我有一系列div，我想用蓝色边框突出显示，在mouseenter上设置动画，然后在mouseleave上显示。单击div时，它应保留其边框，直到单击一个新div，然后将上一个选择动画回白色边框。使用以下代码，边框淡入，但它们不会淡出： $(‘div’).hover(function(){ if (!$(this).hasClass(‘sel’)) { $(this).stop().animate({borderColor:’#0000ff’}, 2000); } },function(){ if (!$(this).hasClass(‘sel’)) { $(this).stop().animate({borderColor:’#ffffff’}, 2000); } }).click(function(e){ $(‘.sel’).not(this).stop().animate({borderColor:’#ffffff’}, 2000).removeClass(‘sel’); $(this).addClass(‘sel’); }); http://jsfiddle.net/reEsa/

JQuery自动完成function不会显示所有结果: 我整天都面临着下面的问题，并希望得到任何建议。我正在编写JQuery自动完成，它只显示部分结果，但不是arraylist的所有结果。当我在customFilter函数中调试时，我看到array包含每行中的预期字符串，并且term具有来自文本框的正确输入数据。 function customFilter(array, terms) { arrayOfTerms = terms.split(” “); var term = $.map(arrayOfTerms, function ™ { return $.ui.autocomplete.escapeRegex(tm); }).join(‘|’); var matcher = new RegExp(“\\b” + term, “i”); return $.grep(array, function (value) { return matcher.test(value.label || value.value || value); }); }; $( “#frmCode” ).autocomplete({ multiple: true, mustMatch: false, minLength: 2, source: function (request, response) […]