Tag: jQuery

如何使用DataTables jquery插件按datesorting？

我正在使用数据表jQuery的插件，并希望按datesorting。 我知道他们有一个插件，但我找不到从哪里下载 http://datatables.net/plug-ins/sorting 我相信我需要这个文件：dataTables.numericComma.js但我无法find它在任何地方，当我下载数据表，它似乎并没有在压缩文件。 我也不确定是否需要将我自己的自定义date分类器传递给此插件。 我正在尝试对这种格式进行sortingMM / DD / YYYY HH：MM TT（AM | PM） 谢谢 编辑 我怎样才能改变这个以MM / DD / YYYY HH：MM TT（AM | PM）sorting并将其更改为美国的date？ jQuery.fn.dataTableExt.oSort['uk_date-asc'] = function(a,b) { var ukDatea = a.split('/'); var ukDateb = b.split('/'); var x = (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1; var y = (ukDateb[2] + ukDateb[1] + ukDateb[0]) […]

显示焦点事件的jquery ui自动完成列表

这里是我的代码，有什么不对吗？ 它似乎没有显示焦点列表，我仍然必须在显示列表之前按下一个键 <link media="all" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" rel="stylesheet"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script> <script type="text/javascript"> $(function() { $('#id').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: 0 }); }).focus(function(){ $(this).trigger('keydown.autocomplete'); }); </script> <input type="text" id="id">

分页实现同位素

我试图在我的WordPress网站上使用分页实现同位素（这对大多数人来说显然是一个问题）。 我想出了一个scheme，如果我能弄清楚一些事情的话可能会起作用。 在我的页面上，我有我的同位素脚本的这部分 – $('.goforward').click(function(event) { var href = $(this).attr('href'); $('.isotope').empty(); $('.isotope').load(href +".html .isotope > *"); $( 'div.box' ).addClass( 'isotope-item' ); $container.append( $items ).isotope( 'insert', $items, true ); event.preventDefault(); }); 然后我使用这个我从这里修改过的分页函数来实现'goforward'类 – function isotope_pagination($pages = '', $range = 2) { $showitems = ($range * 2)+1; global $paged; if(empty($paged)) $paged = 1; if($pages == '') { […]

为什么Chrome在隐藏大型Knockout元素时使用更多的CPU？

我有一个使用Knockout.js 2.2.1的单页web应用程序来显示来自服务器的信息stream（使用socket.io，尽pipe我不这么认为）。 这个应用程序还包含一个大型的数据表，它是使用Knockout的foreach绑定从一个JSON对象创build的。 （桌子很大，但不是很大：20列，200列左右。） 由于表格很大，用户可以通过点击button来打开/closures表格。 数据<table>被放置在一个<div>元素中，我可以使用jQuery的.show()和.show()方法隐藏/显示（基本上通过设置和清除<div>上的CSS display: none ）。 所有这些function的作品。 不过，我注意到，在closures（隐藏）大数据表之后，如果Knockout生成的表足够大，Chrome的CPU使用率将跳转至100％。 更有趣的是， 这只发生在用户点击包含表格的<div>元素内的某个地方之后。 当表被隐藏（并且CPU使用率高）时，单击页面上的其他位置将使CPU使用率恢复正常。 这个过程将会重复。 另一个可能有用的注意事项：如果我停止从服务器的stream数据，这个问题不会发生（或者，CPU使用率不明显）。 在此页面上有一个Knockout视图模型，它pipe理来自服务器的stream式数据以及从JSON对象创build此数据表。 这两组数据在其他方面是完全分开的 – 没有任何更改的数据显示在表中，并且表中不包含事件绑定回到视图模型。 就好像Knockout模型的stream式数据更新正在导致数据表上的工作，即使没有stream数据被绑定到表上。 而且只有当表格不显示时才这样做！ 快速总结： Web应用程序在加载页面时使用Knockout来呈现大型数据表。 这个表在$(document).ready中启动时隐藏了.show() ，但是在点击一个button之后使用.show()显示，并且可以再次隐藏 如果鼠标在数据表内部被点击，则表格被隐藏后，Chrome中的CPU使用率将跳至100％。 单击页面上的任何其他内容都会使CPU使用恢复正常。 其他相关信息： Chrome浏览器JavaScript分析器显示CPU使用率高，但它被简单地分类为（程序）时间。 Windows上的IE10和Firefox 20都没有显示这个问题。 任何想法这里发生了什么事情，或build议更多的疑难解答？ 的jsfiddle： 示例： http : //jsfiddle.net/CTYMv/6/ 加载小提琴后查看CPU使用情况，应该是低的。 点击“Show Table”，然后点击popup的div内的某个地方（灰色背景）。 然后点击“隐藏表” – CPU使用率将显着增加。 然后点击其他任何地方（白色背景），CPU将恢复正常。

继续dynamic文本到单独的<p>段落？

下面的小提琴允许将文本粘贴到一个<textarea>并且由相同数量的字符dynamic地生成为相等的段落。 发生的问题是; 来自先前dynamic生成的段落的文本在每个标签内溢出并且不能正确地继续到下一个dynamic段落。 因此，用户是否可以按下input键并将该内容向下移动到下一个现有段落中，同时仍然保持现有格式的dynamic和自动？ 如果能提供一个新的小提琴 ，那将是非常值得赞赏的，因为我还是新的编码。 再次，小提琴可以在这里find。 更新：一旦生成了段落，用户是否可以按下回车键，并在可能的情况下将其内容无缝移动到下面的段落中？ 同样按下退格button时也是一样的，内容要移到上面那段？ 出现的问题是，当按下Enter键时，文本似乎由于css中的溢出属性而隐藏文本。 $(function() { $("#Go").on('click', function() { var theText = $('textarea').val(); var numberOfCharacters = 300; while (theText.length) { while (theText.length > numberOfCharacters && theText.charAt(numberOfCharacters) !== ' ') { numberOfCharacters++; } $("#text_land").append("<br><\/br><p>" + theText.substring( 0, numberOfCharacters) + "<\/p><br><\/br>"); theText = theText.substring(numberOfCharacters); numberOfCharacters = 300; $('p').attr('contenteditable', 'true'); $("p").addClass("text"); } […]

调用event.preventDefault（）之后是否有方式来调用默认操作？

这个问题是为了开发jQuery插件和其他自包含的JavaScript代码片段，不需要修改其他脚本文件的兼容性。 我们都知道event.preventDefault（）会阻止默认事件，所以我们可以运行一个自定义函数。 但是如果我们只想在调用它之前延迟默认事件呢？ 我已经看到了各种各样的，特定于个案的忍者技巧和解决方法来重新调用默认的动作，但正如我所说的，我的兴趣在于重新触发默认的通用方式，而不是处理默认的触发器，以个案为基础。 $(submitButton).click(function (e) { e.preventDefault(); // Do custom code here. e.invokeDefault(); // Imaginary… 🙁 }); 即使是表格提交这样简单的事情，似乎也没有普遍的答案。 $(selector).closest("form").submit()解决方法假定默认操作是一个标准的表单提交，而不是像ASP.NET中的__doPostBack()函数那样古怪。 在调用ASP.NETcallback函数的最后，这是我最接近的一个通用的，一劳永逸的解决scheme： $(submitButton).click(function (e) { e.preventDefault(); // Do custom code here. var javascriptCommand = e.currentTarget.attributes.href.nodeValue; evalLinkJs(javascriptCommand); }); function evalLinkJs(link) { // Eat it, Crockford. 🙂 eval(link.replace(/^javascript:/g, "")); } 我想我可以开始编写特殊情况来处理与window.locationredirect的正常链接，但是随后我们打开了一个全新的蠕虫jar – 在越来越多的情况下为默认事件调用堆积创build比解决scheme更多的问题。 那么怎么样？ 谁有我一直在寻找的魔力？

jquery和jQuery UI的区别是什么？

jQuery和jQuery UI什么区别？ 他们是不同的框架？ jQuery库需要工作jquery UI还是两个独立工作？ 任何jQuery选项卡插件和jQuery UI选项卡之间有什么区别？ 哪个更好用？

jQuery.grep与Array.filter的性能

在一个问题上 ，讨论了jQuery和本地JS如何相互执行。 虽然香草解决scheme执行速度快很多，因为它不处理整个数组，我提出使用Array.filter ，我相当有信心至less会比$.grep更快。 令人惊讶的是，在添加到testing后，我被教了一课：testing套件 当然Edgecases有不同的结果。 任何人有一个想法，为什么$.grep应该比本地方法Arrray.filter快3倍？ 编辑：我修改了testing使用从MDN的filter垫片，结果是非常有趣的： Chrome：即使是MDN填充也比本地方法快，jQuery的方式比以前更快 Firefox：比本地方法稍微慢一点，jQuery领先一步 最后是我希望看到的结果 Internet Explorer：本地方法是最快的，然后jQuery，垫片是最慢的（也许这只是IE浏览器相当脆弱的JS引擎的结果…）

Google Maps V3：通过AJAX加载infowindow内容

使用ajax将内容加载到我的infowindow中的最佳方法是什么？ 现在我正在使用iframe获得类似的效果，但我并不那么满意。 我认为这将是直接的，但由于某种原因令我困惑。 这就是现在的工作方式： var markers = []; var infowindow = new google.maps.InfoWindow(); $.each(JSON.parse(aulas), function(i, a){ var latlng = new google.maps.LatLng(a.aula.lat, a.aula.lng); var marker = new google.maps.Marker({ position : latlng, title: a.aula.title }); google.maps.event.addListener(marker, 'click', function() { infowindow.close(); infowindow.setContent("<div class='infowindow_content'><iframe src='aulas/show/" + a.aula.id + "'></iframe</div>"); infowindow.open(map, marker); }); markers.push(marker); }); 在infowindow.setContent调用之前，通过ajax抓取内容是很容易的，但是我只想在infowindow打开的时候调用ajax。 有什么想法吗？ 顺便说一句：我正在使用jQuery。 正如答案中所build议的，我决定将调用移动到setContent并打开到一个单独的函数。 对于那些有兴趣解决这个问题的代码是： […]

使用jQuery编程移动项目，同时仍然触发事件

我正在使用jQuery Sortable。 我有这样的HTML设置： <ul id='plan'> <li class='item'>1</li> <li class='item'>2</li> <li class='item'>3</li> <li class='item'>4</li> </ul> 我想以编程方式将<li>移动到不同的位置。 我可以用下面的JS来实现这个： $("#plan li:eq(1)").insertAfter($("#plan li:eq(2)")); 这工作正常，除非它不触发像更改或更新的可sorting事件。 我有一个在sorting的更新事件上运行的函数，但是用JS移动li不会触发这个。 有谁知道如何触发sorting更新事件？