Tag: jquery ui

Jquery自动完成选择名称和显示ID

我在我的表单中使用自动完成jquery插件。 在此我搜索名称时,自动完成显示名称列表,选择要列出的名称,在输入字段中显示名称。 当我选择名称时,我希望选择它在输入字段中显示名称的ID。请让我知道我该怎么做或任何jquery插件? 谢谢

jQuery DatePicker – 选择一整周

我正在使用两个jQuery日期选择器来选择日期范围。 有没有办法选择整周? 这意味着在打开开始日期选择器时,将有两种选择方法: 选择单个开始日期(不影响结束日期选择器)。 选择整周(将开始日期选择器设置为一周的第一天,然后将结束日期选择器设置为最后一周)。 在asp日历中,类似的东西可以通过将SelectionMode属性设置为“DayWeek”来完成,但我无法在jQuery datepicker中实现这一点。 可以吗?

如何让这个jQuery自动完成代码在FireFox中运行?

嘿伙计们,我有这个jQuery代码可以在Chrome和Safari中使用,但不能在IE或FireFox上运行。 它可能有什么问题? $(document).ready(function() { var myArr = []; $.ajax({ type: “GET”, url: “airports.xml”, dataType: “xml”, success: parseXml, complete: setupAC, failure: function(data) { alert(“XML File could not be found”); } }); function parseXml(xml) { //find every query value $(xml).find(“airport”).each(function() { myArr.push($(this).attr(“label”)); }); } function setupAC() { $(“input#depart_from”).autocomplete({ source: myArr, minLength: 1, select: function(event, ui) { $(“input#depart_from”).val(ui.item.value); […]

如何仅在字段中的第一个keyup上创建keyup()函数

我已经创建了一个代码在这里的keyup()函数 $(document).ready(function() { var scntDiv = $(‘#add_words’); var wordscount = 1; $(document).keyup(function(e) { var key = (e.keyCode ? e.keyCode : e.which); if (key === 32) { wordscount++; $(‘.input1’).append(‘stop touching your keyboard’); $(‘Word ‘ + wordscount + ‘Remove’).appendTo(scntDiv); i++ return false; } }); }); Word 1 哪个工作正常,但每当我按空格键添加新的输入字段。 问题是我无法用空格键入长词(来了很多输入字段) 例如: – 当输入“my hello world”时显示两个输入字段。 实际上我需要一个额外的字段。 我的问题是,是否有任何选项keyup()函数仅在第一次在同一字段中工作 如果你知道,请你帮我

在样式化模式(jQuery UI)窗口中显示JS Alert

看下面的代码……这里有一个小提琴 。 我想用jQuery UI来设计它。 但是,我仍然可以调用此脚本,还是必须将其直接嵌入HTML页面? 这是表格…… 目前,当您搜索PELL Grant Score时,会从另一个脚本调用alert()。 脚本是这样构建的…… // Begin EFC Calculator for 2013-2014 function showpell_13_14(efc) { var pell; var ssg; var estpay; var monthpay; if (efc == 0) { pell = 5645; ssg = 0; estpay = -573; monthpay = 0; } else if (efc <= 100) { pell = 5595; ssg […]

jQuery自动完成示例

你在哪里下载这个例子? http://jqueryui.com/demos/autocomplete/#remote jQuery没有使PHP可用,所以我不知道如何构造数据或如何使用它。 我没有看到页面上的下载按钮或有关如何构建PHP以与jQuery UI集成的任何说明,我不确定为什么他们的网站不容易让开发人员使用。

从一个jquery Datatable拖动一行并将其拖放到另一个Datatable中

我试图从一个jquery Datatable中拖动一行或一组行,然后将其拖放到另一个Datatable中。 oTable = $(“#dragtable”).dataTable({ “aaData”: app_emp, “bProcessing”: true, “bDestroy”: true, “aoColumns”: [{ “mDataProp”: “employeeId” }, { “mDataProp”: “empName” }] }).rowReordering(); 我从ajax调用获取json并填充数据表如上所述。行重新排序function正常工作,我可以将行拖放到同一个数据表中 $(“#dragtable “).draggable({ helper: “clone”, }); 上面的代码是拖动整个表,如果我修改如下: $(“#dragtable tbody tr”)。draggable({helper:“clone”,}); 它只拖动Datatable的标题行而不是正文中的数据行。 我有以下代码将行放入另一个jquery数据表。 $(“#tobedroppedtable tbody tr”).droppable({}); 由于上面的代码不起作用,我需要拖放方面的帮助。

jQuery Slider意外表现?

经过许多教程和大量时间后,我设法用jQuery构建一个滑块。 然而,它并没有像我希望的那样顺利运作。 我使用了自定义句柄,并且看到新的jQueryUI没有句柄选项,我在CSS中创建了一个句柄。 但是,此句柄超出了滑块的所需边界。 我上传了一个测试页面,可以在这里找到。 我的代码如下: CSS jQuery的 window.onload = function () { var container = $(‘div.sliderGallery’); var ul = $(‘ul’, container); var itemsWidth = ul.innerWidth() – container.outerWidth() + 50; $(‘.handle’, container).slider({ min: -50, max: itemsWidth, stop: function (event, ui) { ul.animate({‘left’ : ui.value * -1}, 500); }, slide: function (event, ui) { ul.css(‘left’, ui.value […]

jQuery的自动完成:自定义“ESCAPE”按键的行为

我正在使用jQuery的自动完成插件,并希望在用户按下“ESCAPE”键时自定义行为,如下所示, 当用户键入要搜索的文本时,会列出其对应的结果。 如果按下“ESCAPE”键,则不选择任何结果,则应删除输入的搜索文本。 [默认行为:保留搜索文本] 在http://jqueryui.com/demos/autocomplete/#multiple-remote中 ,用户可以多次搜索。 假设他输入了一个文本并从下拉列表中选择了一行。 现在,他再次搜索,但没有选择任何结果,他按下“ESCAPE”键,然后应该删除单独的搜索字符串(而不是之前选择的搜索字符串)。 任何帮助表示赞赏。

jQuery resizable只适用于第一个元素

我的页面上有一个控件将包含多个需要resize的多行文本框。 我试图使用jQuery resizable函数来完成此任务。 我只需要我的文本框可以垂直扩展。 不幸的是,我只能获得可resize的function来为第一个div工作。 这是我的代码示例: jQuery Test – Page 2 table.textboxTable td { padding: 15px; padding-bottom: 30px; border: 2px solid blue; } .ImResizable { height: 60px; width: 470px; } .ImResizable textarea { height: 95%; width: 100%; } .ui-resizable-handle { height: 8px; width: 474px; background: #EEEEEE url(‘Images/grippie.png’) no-repeat scroll center; border-color: #DDDDDD; border-style: solid; border-width: […]