Tag: jquery ui

JQuery UI可拖动元素在Chrome中留下了奇怪的痕迹: 我正试图在这里制作我的第一个镀铬扩展。这是一个粘滞便笺板。但是当我尝试使用JQueryUI拖动我的主板上的第一个元素时，它会将水平线留在chrome中作为跟踪。这是一个截图。这是代码。 Sticky notes using CSS3 and Google Fonts (Step 5) body{ font-family:arial,sans-serif; font-size:100%; background:#666; color:#fff; } h2,p{ font-size:100%; font-weight:normal; } ul,li{ list-style:none; } ul{ overflow:hidden; padding:3em; } ul li div{ color:#000; background:#ffc; min-height:10em; min-width:10em; padding:1em; -moz-box-shadow:5px 5px 7px rgba(33,33,33,1); -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7); box-shadow: 5px 5px 7px rgba(33,33,33,.7); -moz-transition:-moz-transform .15s linear; […]

选择事件上的Jquery自动完成: 我正在使用jQuery自动完成并且它工作正常，现在我想在发生以下情况时从jQuery在会话中存储变量。当有人输入任何单词jQuery显示建议下拉列表时，如果有人从该建议下拉菜单中选择一个项目。我想捕获上面的点并在会话中存储变量。我搜索了Google，StackOverflow但没有找到相关的解决方案。我的自动填充代码如下： $(“.autosearch-smart”).autocomplete(‘Home/GetCompanyNames’, { minChars: 1, width: 402, matchContains: “word”, autoFill: true }); 这就是我试图做的事情： $(“.autosearch-smart”).autocomplete(‘Home/GetCompanyNames’, { minChars: 1, width: 402, matchContains: “word”, autoFill: true, select: function (a, b) { alert(“selected”); } }); 编辑：选择事件处理程序也无法正常工作我在C＃中使用asp.net MVC3。请帮助我，并提前感谢。

具有混合文本/ ID搜索的jQuery UI自动完成: 我在为jQuery的自动完成小部件工作方面遇到了很多麻烦。我正在使用服务器中的键/值对列表。我有以下要求：如果用户从窗口小部件中选择一个值，我想将ID传递给服务器。如果用户没有选择值并输入原始文本，或者修改已经选择的值，我希望清除ID字段，只需要将原始文本发送到服务器。假设someAjaxFunction返回自动完成小部件所需的对象数组： {label:label, value:key} 。最初我像这样设置自动完成小部件： $(input).autocomplete({ source: sourceFunction, minLength: 1 }); 即使将鼠标hover在其中一个项目上，更改选择也会将$（输入）引用的文本框中的文本更改为基础键，而不是标签。从用户交互的角度来看，这是非常不受欢迎的 – 事实上，我正在调查这一点的原因是因为我正在构建的网站的用户一直对他们输入的文本感到困惑，似乎变成了随机数！我在文本框下添加了一个隐藏字段，并实现了select（）和focus（）事件，以便隐藏ID，如下所示： $(input).autocomplete({ source: sourceFunction, minLength: 1 focus: function(event, ui) { $(idField).val(ui.item.value); $(this).val(ui.item.label); return false; }, select: function(event, ui) { $(idField).val(ui.item.value); $(this).val(ui.item.label); return false; }, minLength: 1 }); 当用户坚持使用自动完成下拉列表提供的脚本时，这很有效。该ID被隐藏并正确提交给服务器。不幸的是，如果用户想要在框中输入一些自由格式文本并根据该值进行搜索，则不会重置ID字段，并且先前选择的ID将提交给服务器。这也很令人困惑。 jQuery UI自动完成文档列出了change事件，并声明ui参数的item属性将设置为所选项。我想我可以在按键上重置隐藏的id字段，并在更改自动完成时重新填充ID。不幸的是，除了按键事件捕获一大堆不应该重置ID的按键之外，上述select事件中的return […]

更改滑块手柄图像: 我想自定义JQueryUI滑块，但无法找到任何方法来更改滑块手柄图像。 JQuery Themeroller似乎也不允许更改句柄图像。有人知道怎么做吗？

带链接的jquery UI工具提示html: 我想使用jquery UI工具提示。在工具提示中，我希望html中会有一个链接。我看到这篇文章（ Jquery UI工具提示不支持html内容），说明如何在工具提示中使用html。但是当我想在工具提示中添加链接时会出现问题。当我带光标进入工具提示点击链接时，工具提示消失了（因为我从分配给工具提示的元素中鼠标输出。我能做什么？谢谢。更新： $(function () { $(document).tooltip({ content: function () { return $(this).prop(‘title’); } }); }); 示例： http ： //jsfiddle.net/jLkcs/

将表行从一个选项卡表拖放到另一个选项卡表 – Jquery: 我有两个选项卡（使用boostrap构建），每个选项卡都有自己的表。我需要从一个选项卡拖动表行并放入另一个选项卡表。拖动时我想在放入表格之前打开光标下的标签。任何帮助赞赏。这是我的HTML代码 Tab1 Tab2 col1 col2 col3 col4 256 668 100.95 1.82 256 668 100.95 1.82 col1 col2 col3 col4 256 668 100.95 1.82 256 668 100.95 1.82 这是我的JS代码 $(‘.table-draggable1 tbody’).draggable(); $(‘#my-tabs > li’).droppable({ over:function(event, ui){ console.log(event.target); }, drop:function(event,ui){ } });

jQuery UI Draggable / Sortable – 获取对新项目的引用: 我使用jQuery UI Draggable / Sortable演示（http://jqueryui.com/demos/draggable/#sortable）作为我项目的基础。我需要获得对的引用，当可排序接收它时，它会被克隆到sortable中。我尝试了sortable的receive事件，但是它只提供了对原始draggable 的引用，而不是它的克隆。

jQuery Sortable – 将其保存在原始列表中: 有没有人知道jQuery UI的Sortable是否具有内置function，可以将原始删除的项目保留在原始列表中？例如，您有两个列表（一个’源’和一个’组’）。我想从源中选择并放入组中，但将项目保留在源中。合理？谢谢！

在IE8中的选择日期，Jquery datepicker弹出窗口没有关闭: 我有一个带有开始日期字段的Web表单。我已将jquery datepicker绑定到txt字段。现在，当我在FF中选择日期时，将在文本框中填充所选日期，并关闭日历弹出窗口。但是，当我在IE8中执行相同操作时，所选日期将填充在文本框中，但弹出窗口仍保持打开状态。我还注意到，一旦在弹出日历中选择日期，就会生成脚本错误。我正在使用jquery 1.3.2，jquery-ui 1.7.2和.NET 3.5。这是我的代码示例： $(document).ready(function() { $(“#”).datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, showOn: ‘button’, buttonImage: ‘/_layouts/images/CALENDAR.GIF’, buttonImageOnly: true }); }); Start Date: ex. MM/DD/YYYY 这是我选择日期时在IE中遇到的脚本错误： ‘length’为null或不是对象 WebResource.axd的这是抛出错误的代码： function ValidatorOnChange(event) { if (!event) { event = window.event; } Page_InvalidControlToBeFocused = null; var targetedControl; if ((typeof(event.srcElement) != “undefined”) […]

jQuery UI选项卡 – 自动高度: 在以前版本的jQuery tabs有一个选项可以使用以下选项自动将选项卡的高度设置为组中最高选项卡的高度： $(‘#container’).tabs({ fxAutoHeight: true }); 但是这似乎在jQuery UI 1.5.3不起作用。此选项已被删除吗？如果是这样，有另一种方法来获得相同的function？