Tag: jquery ui
和jQuery Autocomplete
一旦我将元素的type更改为html5类型search ，jQuery的自动完成function就不再适用了。 我使用jQuery Mobile，我试图使用jQuery UI Autocomplete的“搜索”输入类型
jQuery褪色发光特殊文字效果
我想制作黑色错误信息文字“发光”，红色轮廓在一秒后消失，但是，如果更新，返回“完全发光”并再次开始消失，即使它没有完全消失首先。 是否有一个相当简单的jQuery / CSS方法来做到这一点？ 我认为两种同步衰落技术会相互竞争，异步和全部，我不知道如何产生发光效果，或者甚至可能使用标准样式。
无法将带有jquery的类添加到datepicker
我整个上午都在苦苦挣扎，最后我决定寻求帮助。 我有一个datepicker（jquery ui），我用谷歌日历中的事件填充并相应地更改类。 到目前为止，我使用了datepicker的beforeShowDay函数，效果很好。 不幸的是，日历事件是用西class牙语编写的，所以我使用另一个函数（下面的代码）去掉了beforeShowDay函数中的所有重音字符： function accentsTidy(s){ var r = s.toLowerCase(); non_asciis = {‘a’: ‘[àáâãäå]’, ‘ae’: ‘æ’, ‘c’: ‘ç’, ‘e’: ‘[èéêë]’, ‘i’: ‘[ìíîï]’, ‘n’: ‘ñ’, ‘o’: ‘[òóôõö]’, ‘oe’: ‘œ’, ‘u’: ‘[ùúûűü]’, ‘y’: ‘[ýÿ]’}; for (i in non_asciis) { r = r.replace(new RegExp(non_asciis[i], ‘g’), i); } return r; }; 问题是我无法让IE 11使用此function。 （它不会替换任何重音字符）所以我决定采用不同的方式并添加以下行： if (isIE) { $(‘td[class*=”Highlighted”]’).not(‘td[class*=”Unknown”]’).each(function […]
Jquery Post UI选项卡未正确链接到页面锚点
我正在使用页面锚点将用户从菜单引导到特定选项卡。 但是，当您在页面上显示选项卡时，单击链接不会重定向。 它只是更改URL中的哈希值。 知道如何解决这个问题吗？ 示例链接 http://www.website.com/page#1 这是在WordPress btw。 jQuery(document).ready(function($){ $(function() { $( “#tabs” ).tabs(); if(document.location.hash!=”) { //get the index from URL hash tabSelect = document.location.hash.substr(1,document.location.hash.length); $(“#tabs”).tabs(‘select’,tabSelect-1); } }); });
如何保存动态更改的HTML？
我在UL LI列表中排列了大约8个div项目。 每个都有唯一的ID和特定的内容。这些项目是可排序的，我正在使用jquery UI。 一旦用户拖放列表项的组件位置发生变化。 但刷新页面后，我得到相同的HTML页面。 我想保留服务器上新项目的位置。 这样做的有效方法是什么？ 我可以创建HTML的克隆并在会话期间保留它，但我希望在服务器上保存更改。 元素位置的变化是特定于用户的..这就像元素位置被用户改变并且他想要保存设置..感谢提前帮助
jQueryUIautocomplete无法正常工作
我正在尝试使用jqueryUI自动完成function，其中将从后端源获取可用标记。 这是我的代码。 HTML代码 Search : js代码 $(function() { $( “#search” ).autocomplete({ source: “/dashboard/search” }); }); ** django views.py ** def search(request): availableTags = [“ActionScript”,”AppleScript”,”Asp”,”BASIC”,”C”,”C++”,”Clojure”,”COBOL”,”ColdFusion”,”Erlang”]; ctx = {“availableTags”:availableTags} return HttpResponse(availableTags) #returns the set of values(checked with firebug while debugging) but autocomplete doesnot works. #return render(request, ‘dashboard/dashboard.html’, ctx) // returns nothing. 仪表板urls.py urlpatterns = patterns(‘modules.energy.dashboard.views’, url(r’^$’,’dashboard’,name=’cilantro_dashboard’), url(r’search’,’search’,name=’cilantro_search’), […]
即使掉入错误的droppable，如何禁用draggable
我知道如何在将对象拖入正确的droppable时禁用draggable，如下所示，但是当放入错误的droppable时则不会。 我希望用户即使答案不正确也无法再次拖动，这意味着只有一次尝试。 我使用边缘动画，它使用不同的语法来获取元素而不是普通的JavaScript，但其余的是相同的。 以下是我的评论代码。 for(j=0;j<35;j++){ sym.$(answers1[j]).addClass('drag'+j); sym.$('.drag'+j).draggable({ //revert: "invalid" // I do not want revert in any case stop: function(){ $(this).draggable('disabled'); // will disable when dropped anywhere //I want only when into the wrong droppable – //so almost good but not quite right. } }); sym.$(droppables[j]).droppable({ accept: ".drag"+j, drop: function(event,ui){ ui.draggable.draggable( 'destroy' ); // the […]
为什么jQuery脉动效果会在IE中留下锯齿状文本？
当我使用jQuery UI的脉动效果时，我发现脉动会留下锯齿状的文字…经过一些搜索后，它似乎是一个IE错误…我认为它可能与不透明度有关，但我不确定。 我尝试了以下但它不起作用： $(detail).effect(“pulsate”, { times: 1 }, 200, function(){ $(this).removeAttr(‘opacity’); }); 有谁知道一个工作？ 我在这里搜索并发现了与fadein和fadeout类似的问题……列出的解决方案是删除filter属性。 但我也尝试了这个，它似乎没有用。 如果我删除了样式属性然后它可以工作，但后来我放松了我的定位:-) 谁有这个问题？ 对于脉动和fadein和fadeout等同样的修复是什么？ 我必须承认，我似乎没有得到fadein和fadeout的问题。 Pulsate是我的问题，但它在Firefox中完美运行。
Json自动完成从json列出所有元素
在我自动完成的脚本中，我设置了一个json文件： 脚本 $(“#tags”).autocomplete({ source: function(request, response) { $.ajax({ url: “test.json”, dataType: “json”, data: { term: request.term }, success: function(data) { response($.map(data, function(item) { return { label: item.name_test }; })); } }); } }); HTML Tags: JSON文件 [{ “id_test”: “7”, “name_test”: “Tejido”, “price”: “65” }, { “id_test”: “8”, “name_test”: “Semen”, “price”: “120” }, { “id_test”: “6”, […]
删除拖放后的可拖动元素
基本上我所拥有的是一套小玩意儿 ，我需要做的是能够将该组中的任何项目拖动到收容箱中。 一旦它们进入盒子，它们仍然可以自由移动和操纵，但是它们不能再被取出，尽管它们可以被删除。 小玩意儿也被设置为克隆，因为如果用户愿意，用户可以拥有多个项目。 所以这两个部分，设置了doodad列表（已经完成），然后使其可拖动，以便可以将其拖入droppable div框。 然后第二部分是，一旦它在div框中，它必须再次可拖动，不能克隆，并且也包含在框中。 这是我的JS代码： $(document).ready(function() { function MakeDraggable(item) { item.draggable({ revert : “invalid” }); } $(“.doodad”).draggable({ helper : ‘clone’, scroll : true }); $(“.dropped”).draggable ({ containment: “.box” }); $(“.box”).droppable({ accept : “.doodad”, activeClass : “ui-state-default”, hoverClass : “ui-state-hover”, drop : function(event, ui) { var droppedItem = $(ui.draggable).clone(); //droppedItem.class = “.dropped”; droppedItem.draggable(); […]
