Tag: jquery ui

jQuery自动完成+ AngularJS的问题: 我在我的页面上使用AjgularJS，并希望添加一个字段以使用jqueryui中的自动完成function，并且自动完成function不会触发ajax调用。我已经在没有角度（ng-app和ng-controller）的页面上测试了脚本并且它运行良好，但是当我将脚本放在带有angularjs的页面上时它会停止工作。任何的想法？ jquery脚本： $(function () { $(‘#txtProduct’).autocomplete({ source: function (request, response) { alert(request.term); }, minLength: 3, select: function (event, ui) { } }); }); 有趣的是：当我在Chrome检查器上调用脚本时，自动完成function开始工作！版本：AngularJS：1.0.2 – JqueryUI：1.9.0 结论：来自jQueryUI的自动完成小部件必须从AngularJS的自定义指令内部初始化，例如：标记 index ddd 角度脚本 var app = angular.module(‘TestApp’, []); function TestCtrl($scope) { } app.directive(‘autoComplete’, function () { return function postLink(scope, iElement, iAttrs) { $(function () […]

如何将jquery ui自动完成添加到动态创建的元素中？: 我试图让jQueryUI AutoComplete触发动态创建的表单输入元素，但它不起作用。我已尝试将keyup.autocomplete和keydown.autocomplete用作$ .live（）中的绑定事件，但它绑定到新元素 – 仅限于页面上已有的元素。在这里尝试代码（尝试在第一个输入中键入“ava”，然后单击“添加输入”并在新输入中键入相同内容）。 JavaScript的： $(function() { $(“input#addButton”).click(function() { $(“input.searchInput:last”).clone(true).appendTo($(this).closest(“form”)); $(“input.searchInput:last”).val(“”); }) $(“input.searchInput”).live(“keydown.autocomplete”, function() { $(this).autocomplete({ source: [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “Erlang”, “Fortran”, “Groovy”, “Haskell”, “Java”, “JavaScript”, “Lisp”, “Perl”, “PHP”, “Python”, “Ruby”, “Scala”, “Scheme” ], minLength: 2 }); }) }); HTML：

如何扩展现有的jQuery UI小部件？: 我正在使用jQuery v1.8.3和jQuery UI v1.9.2。我想通过添加和覆盖一些选项和方法来扩展现有的jQuery UI小部件（在我的情况下是自动完成小部件），但保留其他function，如官方发行版中的那些。我怎样才能使其成为“正确的”（也许是“标准”）方式？ PS ：我在网上搜索（ 1,2 ，…），我发现文档主要与创建新的 jQuery UI小部件相关，但不是扩展现有的小部件。

jQuery Datepicker“After Update”事件或等效事件: 我使用标准的jQuery Datepicker，我需要根据一些日常状态信息修改每个TD中的文本。我意识到我可以连接“beforeShowDay”事件，但这只允许我修改每个日期的css信息。希望在整个日历上举办活动，例如“afterRender”等。我可以修改显示的第一个日历，但如果用户更改了几个月或几年，我（或我的代码）就不在循环中了。

IE8的PreventDefault替代方案: 情况：尝试修改VideoJS.com以使用IE8和Youtube Chromeless API。问题：进度条拖动不起作用（event.preventDefault（）出错;根据调试，’不支持’）演示： http ： //alpha.dealertouch.mobi/video/demo.html 我尝试了什么：当它是IE时跳过’preventDefault’，但如果我这样做，我将失去进度条的function（向前和向后拖动/点击）问题：解决IE8此问题的最佳方法是什么？

限制jQuery可拖动项与重叠/与兄弟元素冲突: 我需要使用jQuery UI限制可拖动对象的包含区域，但有一些额外的限制。我需要防止draggable元素与同一容器中的其他元素重叠。我需要允许在“moveInHere”区域移动而不是“butNotHere”区域。可能吗？ $(“#dragMe”).draggable({ containment: “#moveInHere” });

Jquery Mobile 1.4.1动态头: 我试图在jquery mobile 1.4.1中动态追加我的标题（ date-role=header ）。我在它的右侧添加了一个按钮，我正在使用$(‘#page’).trigger(‘pagecreate’)以便使用新按钮重新创建标题并具有jquery移动样式。这在jquery mobile 1.3.2中有效，但在1.4.1中不起作用。我尝试使用新的enhanceWithin()函数，它仍然无法正常工作。我也尝试了$(‘#header’).enhanceWithin() ，但也$(‘#header’).enhanceWithin() 。我理解trigger(‘create’)方法已被弃用，但我似乎无法弄清楚如何使用新的enhanceWithin()函数

Highcharts – 单击时显示工具提示: 我有一个highcharts图，我允许用户动态创建自己的Flags。现在我希望能够点击标志本身，并能够保持显示整个时间的工具提示，直到我再次点击该标志。这样做的原因是允许用户为点赋予特殊含义，当他们将图形保存为图像时，我希望它显示他们留下的工具提示信息。任何人都知道如何做到这一点或去做？我无法弄清楚如何访问标志工具提示 plotOptions: { series: { allowPointSelect: true, animation: false, dataGrouping: { force: true, smoothed: true } }, line: { allowPointSelect: true, animation: false, point: { events: { click: function () { var thePoint = this; var previousFlag = findFlag(thePoint); if (previousFlag != null) { previousFlag.remove(); } else { createFlagForm(thePoint); } } […]

如何用jQuery UI以编程方式选择selectables？: 我有一系列可选择的项目。我想在某处添加一个按钮，激活其中的预设选择。有没有办法可以做到这一点？我想要的是告诉它“选择这些家伙”然后让所有事件和所有事件都正常触发，所以我不必手动调用所有这些选择事件。更多信息：我所谈论的事件是他们的api和他们的演示页面中列出的事件：选选择开始停未选中取消选择而且，我认为在选择内容时可能还会设置/清除数据。所以不只是添加那些css类。

此方案的Web窗体表格控件: 我正在开发一个带有两列布局的asp.net网站。在左侧我们有菜单项。基于菜单项的单击，右项的内容发生变化（可见性被切换）。右侧的内容是表格数据。表格根据所选菜单项提供详细信息。环境：Visual Studio 2010，ASP.Net 4.0 服务：WCF服务（我们控制服务）现在，只要性能良好，我就可以充分灵活地决定行为。要求这些表需要分页和排序。这些表应该能够进行服务器端分页（或自定义分页），因为加载第一个加载中的所有数据将会影响性能。 “右侧内容”的加载应该是部分渲染。我打算根据点击的菜单项控制各种元素的可见性。页面中将有大约10个表。因此，表数据应仅按需加载。第一次加载页面时，它应该只在一个表中包含数据。其他表格应为空白。我可以使用经过validation的开源jQuery插件从使用Grid View开始，有很多方法可以实现它。对于上述表格function，最合适的控件是什么？读使用动态创建的html表进行分页高性能网站http://video.yahoo.com/watch/1040890/3880720 ASP.NET性能检查表http://msdn.microsoft.com/en-us/library/ms998596.aspx 有效地通过大量数据进行寻呼（C＃） http://www.asp.net/web-forms/tutorials/data-access/paging-and-sorting/efficiently-paging-through-large-amounts-of-data- CS