Tag: jquery ui

Jquery UI自动完成也按类别选择: 使用jQuery UI网站上提供的资源 jQuery UI自动完成与类别我已经能够修改我的选择框，成为一个jQuery UI自动完成。有问题的选择框有optgroups作为类别。 var dataSource = []; $(“#selectauser”).find(“option”).each(function () { var $me = $(this); dataSource.push({ “label”: $me.text(), “id”: $me.attr(“value”), “category”: $me.parent().attr(“label”) }); }); 如果用户开始键入类别名称，则可以显示该类别下的所有子项。例如……给出以下菜单。动物狗猫鱼电影指环王哈利波特另一个电影名称如果我输入“an”，它就会返回动物狗猫鱼电影另一个电影名称由于动物头部包含“an”，它将返回所有动物，并且由于电影有一个名为“另一个电影名称”的选项，它也将返回此。我发现在这里注释掉这一行将允许选择标题的视觉效果，但过滤它仍然似乎不起作用。 this.widget().menu(“option”, “items”, “> :not(.ui-autocomplete-category)”); 并从中记录items参数 _renderMenu: function (ul, items) […]

JQuery – 从选定的表行获取值: 我有一个包含多个元素的表。第一个元素是一个复选框，它将在Javascript中触发事件。我需要做的是：1。检查复选框值是否为真2.如果为true，则从表元素中获取值a。一些列值是文本b。一些列包含文本框（ Select/Change and Update Selections Select Class Desc Weight Pott Dia Pott Ht Pott Stack Ht Tower Width 00100 C100 XL 00140 C200S CL 00140 C200S CU 目前，我有以下内容： rowSelect: function(event) { var work = []; // var rowIndex = $(this).parent().parent().children().index($(this).parent()); var chkbox = $(this).closest(‘tr’).find(‘td:eq(0)’).child(0); if(null != chkbox && true == chkbox.checked){ […]

获取jQuery ui自动完成function仅适用于@mentions: 我看了几个问题，比如https://stackoverflow.com/a/7222592/2332251 我仍然无法将其与我的代码进行协调。目前，当我开始输入时，以下内容完美地用于搜索用户名。 $(function() { $(“#appendedInputButton”).autocomplete({ minLength: 2, source: “searchusers.php” }); }); searchusers.php中的函数输出数据库中的用户名。正如我所说，我无法让其他@mention解决方案为我工作。我试过复制其他解决方案并交换我的细节，但似乎没有任何效果。所以… 如果我最初键入“@”符号，我需要对当前的自动完成脚本做什么才能加载它？我真的希望能够在我的post中拥有多个@mentions （可选）当自动完成建议用户名时，当我从列表中选择用户名时，我希望它出现在我的post中，@ mysmbol仍然附加在用户名的前面，例如“hello @john，@符号仍然附加到你的用户名” 如果您需要更多信息，请发表评论，我会提供更多:) 编辑我真的不确定使它工作的语法。例如，使用我上面发布的示例答案，我提出了（但它不起作用）： function split(val) { return val.split(/@\s*/); } function extractLast(term) { return split(term).pop(); } function getTags(term, callback) { $.ajax({ url: “searchusers.php”, data: { filter: term, pagesize: 5 }, type: “POST”, success: callback, jsonp: […]

jplayer在jquery之间玩一定时间: 我知道我可以通过以下方式在给定时间点或按百分比启动jPlayer： $(“#jquery_jplayer”).jPlayer(“playHead”, 30); 这是在发出播放命令时（工作正常），但是如何限制两个固定点之间的播放时间，无论是绝对时间还是百分比都可以？即我希望它以30％开始并以50％结束等等。基本上只是一首歌的好片段。任何想法或指针？ http://www.happyworm.com/jquery/jplayer/latest/developer-guide.htm#jPlayer-playHead

在两个表之间拖放: 我试图在两个表之间拖动n行。第一个表有3列，第二个表有4列。我有拖拉机工作。我见过的所有例子一般都是在掉线位置附加的。我想要做的是替换拖动行的内容并替换/更新删除位置中的单元格。我在想是否可以编写一个新的tablerow（..），然后删除当前删除的行并将其替换为生成的行。或者只是更新新位置的列。 (function ($) { $(document).ready(function () { var tb1 = $(“#table1 tr”); var tb2 = $(“#table2 tr”); tb1.draggable({ appendTo: “body”, helper: “clone”, opacity: “0.35”, revert: “invalid” }); tb2.droppable({ accept: ‘#table1 tr’, tolerance: “pointer”, drop: function (event, ui) { //loop through all items in the row var $col1, $col2; tb1.each(function […]

setDate之后的jquery datepicker不再能够在标题中更改Month和Year: 我正在使用JQuery UI Datepicker来选择日期。我在初始化时将“changeMonth”和“changeYear”设置为true。 $( “#from” ).datepicker({ defaultDate: “+1w”, changeMonth: true, changeYear: true, dateFormat: ‘yy-mm-dd’, onClose: function( selectedDate ) { $( “#to” ).datepicker( “option”, “minDate”, selectedDate ); } }); $( “#to” ).datepicker({ defaultDate: “+1w”, changeMonth: true, changeYear: true, dateFormat: ‘yy-mm-dd’, onClose: function( selectedDate ) { $( “#from” ).datepicker( “option”, “maxDate”, selectedDate ); } }); 但是我希望默认设置 […]

jQuery UI Selectable – 单击某个元素时不要取消选择字段: 我目前正在构建一个使用jQuery UI Selectable的文档编辑器。在编辑器中，您可以添加多个可拖动字段。如果选择了一个或多个字段，则会出现顶部的选项菜单，其中显示了一些可单击的选项（例如粗体，斜体等）。问题是，单击此菜单时，将自动取消选择所有字段。有没有人知道如何prvenet这个？这是我的基本实现： $(“section.window”).selectable({filter: “li.draggable”}); 谢谢！

jQModal还是jQuery UI对话框？: 寻求一些关于是否使用jQModal窗口的建议，或者使用jQuery UI Library作为模态窗口？ jQModal lib只有2.4KB而jQuery UI lib就像是32KB – 我一般都在寻找模态窗口吗？

jQuery UI选项卡：不匹配的片段标识符: 我正在尝试使用jQuery（UI），Haml和Rails创建约会调度程序。我将在接下来的4周制作一组标签。 #schedule %ul – @schedule.each_index do |i| %li %a{:href => “#schedule-#{i}”} #{@schedule[i][:week_range]} – @schedule.each_index do |i| %div{:id => “#schedule-#{i}”} %p test 理想情况下，这会创建一组标签，例如（12月27日 – 1月N日）作为标签标题，然后在每个框中进行“测试”。在applications.js我有： $(‘#schedule’).tabs(); 但是，这不能正确呈现，当我单击选项卡时，它会在javascript控制台中给出这个错误： jQuery UI Tabs: Mismatching fragment identifier. 我正在使用最新的jQuery和jQuery UI版本。谁能告诉我我做错了什么？这是相应的HTML的样子： December 27 – January 2 January 3 – January 9 January 10 – January 16 January 17 […]

jQuery UI隐藏不会对早期DOM元素生效: 我正在尝试使用jQuery实现简单的隐藏/显示function。我有两组方框：A和B.我希望能够单击一个按钮才能看到组A中的方框，而另一个按钮则只显示组B.这不应该取决于之前页面上发生的情况，或按下按钮的顺序。基于jQuery UI hide()函数的官方基本代码示例，我使用的策略是按钮单击有两个效果：首先，隐藏两个组中的所有框，然后显示组I中的框想看。还有一个显示所有盒子的按钮，基本上可以作为重置。有时它会起作用，有时却不起作用（下面是MVCE片段）。当我从新页面加载或重置开始时，我可以单击按钮显示组A，这很好。但是，当我单击按钮显示组B时，组A按钮保持在屏幕上。或者，从一个新的页面/重置，我可以点击B组按钮，只看到组B中的框，然后是组A按钮，只看到组A中的框，但是我不能再回到组B 。对控制台和其他组进行的一些调查显示，这与DOM命令有关。我总是可以选择我想要的任何给定组，但是如果我然后尝试显示DOM中较早出现的组，那么事情就会搞砸。是什么导致了当前的行为，我该如何解决？ $(function() { $(“#toggleAll”).on(“click”, function() { $(‘.box’).removeAttr(“style”).hide().fadeIn(); }); $(“#toggleA”).on(“click”, function() { $(‘.box’).hide(‘clip’, {}, 1000); $(‘.groupA’).removeAttr(“style”).hide().fadeIn(); }); $(“#toggleB”).on(“click”, function() { $(‘.box’).hide(‘clip’, {}, 1000); $(‘.groupB’).removeAttr(“style”).hide().fadeIn(); }); }); .box { border: 1px solid black; } Show boxes of type: Show all Show group A Show […]