Questions tagged «jquery»

我最近升级了我的PHPStorm IDE版本，现在它警告我有关jQuery使用效率低下的问题。 例如： var property_single_location = $("#property [data-role='content'] .container"); 提示此警告： 检查是否有效使用了jQuery选择器。它建议拆分以ID选择器开头的子代选择器，并警告可能被缓存的重复选择器。 所以我的问题是： 为什么这种效率低下？执行上述选择器的有效方法是什么？ 我猜在： var property_single_location = $("#property").find("[data-role='content']").find(".container"); 这是正确的方法吗？

100 jquery  jquery-selectors  performance 

我正在使用RequireJS，需要在DOM上初始化一些东西。现在，RequireJS提供了domReady插件，但是我们已经有了jQuery的$(document).ready()，因为我需要jQuery，所以可以使用它。 所以我有两种选择： 使用domReady插件： require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); 用途$(document).ready()： $(document).ready(function() { // Do my stuff here... }); 我应该选择哪一个，为什么？ 这两个选项似乎都能按预期工作。我对jQuery不满意，因为RequireJS在发挥作用。也就是说，由于RequireJS将动态添加脚本，因此我担心在所有动态请求的脚本加载之前可能已准备好DOM。而RequireJS只会domReady在我已经需要jQuery时增加其他JS的负担。 问题 domReady当我们可以使用jQuery时，为什么RequireJS提供一个插件$(document).ready();？我看不到包含另一个依赖项的任何优势。 如果只是为了满足需要，那为什么不为跨浏览器的AJAX提供一个呢？ 据我所知，domReady在文档准备好后，不会获取或执行需要的模块，您也可以执行同样的操作，需要jQuery： require(['jQuery'], function ($) { $(document).ready(function () { // Do my stuff here... }); }); 更明确地说明我的问题：require domReady或之间有什么区别jQuery？

100 javascript  jquery  html  requirejs  document-ready 

TL; DR：Sticky实际上能够对我通过JavaScript所做的更改做出反应吗？如果是这样，怎么办？ （该项目使用Foundation 6.2和WordPress 4.4，主题使用Node.js / npm和gulp 4.0安装。我的问题，用粗体显示。） 我想nav使用Foundation的Sticky Plugin 来使栏保持粘性，但是仅当我单击按钮时才如此。这意味着当DOM全部完成后，nav竖条不应“单独”粘贴，而应停留在文档的顶部。此外，它在向下滚动时应消失，而在向上滚动时则保持不变。 该nav酒吧是正确包裹在所有需要的divS，所以nav酒吧是能够坚持。“额外”部分会出现问题。我的想法是首先使用PHP实例化Sticky： <div data-sticky-container> <header class="header" role="banner" id="sticky_header" data-sticky data-top-anchor="1" data-btm-anchor="content:top" data-options="marginTop:0;" style="width:100%" > <?php get_template_part('parts/nav', 'offcanvas-topbar'); ?> </header> </div> 之后，data-btm-anchor使用点击时触发的JavaScript 将更改为当前滚动位置。这没有我想要的那样好。到目前为止，我已经尝试过： 当使用getElementByIDthen时setAttribute，data-btm-anchorPHP文件中的确实会根据Firebug进行更改，但这一点不会影响标准nav。它留在原地。我是否需要“重新实例化” Sticky，如果需要，怎么做？ 该文档提到： 使用JavaScript设置选项涉及将一个对象传递到构造函数中，如下所示： var options = { multiExpand: true, allowAllClosed: false }; var accordion = new Foundation.Accordion($('#some-accordion'), …

100 javascript  jquery  wordpress  zurb-foundation  zurb-foundation-6 

我正在寻找有关解决问题的技巧。 我在表中有一个html元素（如选择框输入字段）。现在，我想复制对象并从副本中生成一个新对象，并使用JavaScript或jQuery生成一个对象。我认为这应该以某种方式起作用，但目前我一点也不了解。 这样的东西（伪代码）： oldDdl = $("#ddl_1").get(); newDdl = oldDdl; oldDdl.attr('id', newId); oldDdl.html();

100 javascript  jquery  clone  elements 

我正在使用bootstrap和Parse框架来构建一个小型Webapp。但是那些Bootstrap模态在关闭后会继续向主体添加padding-right。如何解决呢？ 我试图将此代码放在我的JavaScript中： $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); 但这是行不通的。有人知道如何解决此问题吗？ 我的代码： <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm"> <!-- Modal content --> <div class="modal-content"> <!-- header --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Login</h4> </div> <!-- body --> <div class="modal-body text-center" …

100 javascript  jquery  html  css  twitter-bootstrap 

我有多种选择： <select name='strings' id="strings" multiple style="width:100px;"> <option value="Test">Test</option> <option value="Prof">Prof</option> <option value="Live">Live</option> <option value="Off">Off</option> <option value="On">On</option> </select> 我从数据库加载数据。然后我有一个像这样的字符串： var values="Test,Prof,Off"; 如何在多重选择中设置此值？已经尝试更改字符串在数组中的值并将其作为值的倍数，但不起作用...！有人可以帮我弄这个吗？谢谢！！！

100 javascript  jquery  multiple-select 

当您使用jquery UI对话框时，除一件事情外，其他所有方法都工作正常。调整浏览器的大小后，对话框将停留在其初始位置，这可能确实很烦人。 您可以在以下网址进行测试：http : //jqueryui.com/demos/dialog/ 单击“模式对话框”示例，然后调整浏览器的大小。 我希望能够在浏览器调整大小时让对话框自动居中。是否可以对我的应用程序中的所有对话框以有效的方式完成？ 非常感谢！

100 jquery  jquery-ui  modal-dialog 

我正在使用基于iPad的Web应用程序，因此需要防止滚动过度，以使其看起来不像是网页。我目前正在使用它冻结视口并禁用过度滚动： document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); 这对于禁用过度滚动非常有用，但是我的应用程序具有多个可滚动的div，上面的代码可以防止它们滚动。 我仅针对iOS 5及更高版本，因此避免了像iScroll这样的恶意解决方案。相反，我将此CSS用于可滚动div： .scrollable { -webkit-overflow-scrolling: touch; overflow-y:auto; } 这在没有文档过度滚动脚本的情况下有效，但不能解决div滚动问题。 如果没有jQuery插件，是否有任何方法可以使用过度滚动修复程序，但可以免除我的$（'。scrollable'）div？ 编辑： 我发现了一个不错的解决方案： // Disable overscroll / viewport moving on everything but scrollable divs $('body').on('touchmove', function (e) { if (!$('.scrollable').has($(e.target)).length) e.preventDefault(); }); 滚动经过div的开头或结尾时，视口仍会移动。我也想找到一种方法来禁用它。

100 jquery  ios  ipad  safari  mobile-website 

我创建了一系列用于移动Web应用程序的自定义jQuery事件。他们工作得很好，已经过测试。但是，我遇到了一个小问题，难以理解。 我正在.clone()DOM中使用一些元素，其中包含一个按钮。该按钮绑定了一些自定义事件（这些事件使用绑定.on()），但是。不幸的是，当我使用jQuery时.clone()，没有保留绑定，我不得不再次添加它们。 之前有人遇到过这种情况吗，有人知道有可能解决此问题吗？我以为使用.on()应该保留现在或将来存在的元素的绑定？

100 javascript  jquery 

需要一些jquery帮助将DIV复制到另一个DIV，并希望这是可能的。我有以下HTML： <div class="container"> <div class="button"></div> </div> 然后在页面的其他位置有另一个DIV，我想将“ button” div复制到以下“ package” div中： <div class="package"> Place 'button' div in here </div>

100 javascript  jquery  html 

我需要浏览器来下载图像文件，就像在单击Excel工作表时一样。 有没有办法仅使用客户端编程来做到这一点？ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.10.2.js"> $(document).ready(function () { $("*").click(function () { $("p").hide(); }); }); </script> </head> <script type="text/javascript"> document.onclick = function (e) { e = e || window.event; var element = e.target || e.srcElement; if (element.innerHTML == "Image") { //someFunction(element.href); var name = element.nameProp; var address …

100 javascript  jquery  html 

我有一个下拉菜单，其中有一个“ ID，名称”对。 例 乔恩·米勒 ·吉姆·史密斯· 简·莫森 Jon MIller的ID为101 Jim Smith的ID为102 Jen Morsin的ID为103 当我执行以下操作时： var arNames = $('#Crd').val() 我选择乔恩·米勒（Jon Miller），我得到101。不过我想得到乔恩·米勒（Jon Miller）。

100 jquery 

JS新手。 我正在尝试使用jQuery / JavaScript提交表单时检查文件输入元素是否为空。我经历了很多解决方案，但没有任何工作对我有用。我正在努力避免/c/fakepath（除非没有其他选择） <input type="file" name="videoFile" id="videoUploadFile" /> 这不起作用： var vidFile = $("#videoUploadFile").value; 获取文件名的唯一方法是使用以下命令： var vidFile = document.getElementById("videoUploadFile").files[0].name; 如果没有可用的文件，则代码将引发错误： 无法读取未定义的属性名称 这是有道理的，因为未设置数组。但是我不知道该怎么做任何错误处理。 我如何正确地抓住文件输入元素videoUploadFile，检查它是否为空，如果它为空，则抛出错误消息？

100 javascript  jquery  html 

我有一个变量，其值为JSON对象。我直接将此变量分配给其他变量，以便它们共享相同的值。它是这样工作的： var a = $('#some_hidden_var').val(), b = a; 这有效，并且两者具有相同的值。我使用mousemove事件处理程序来更新b我的应用程序。单击按钮后，我想恢复b为原始值，这意味着该值存储在中a。 $('#revert').on('click', function(e){ b = a; }); 此后，如果我使用相同的mousemove事件处理程序，它将同时更新a和b，而在更早的时候它仅b按预期进行更新。 我为这个问题感到困惑！怎么了

100 javascript  jquery 

我正在尝试按顺序加载一组脚本，但是onload事件对我没有触发。 var scripts = [ '//cdnjs.cloudflare.com/ajax/libs/less.js/1.3.3/less.min.js', '//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js', MK.host+'/templates/templates.js' ]; function loadScripts(scripts){ var script = scripts.shift(); var el = document.createElement('script'); el.src = script; el.onload = function(script){ console.log(script + ' loaded!'); if (scripts.length) { loadScripts(scripts); } else { console.log('run app'); MK.init(); } }; $body.append(el); } loadScripts(scripts); 我猜想当使用jQuery将元素添加到DOM时，不会触发诸如el.onload之类的本地事件。如果我使用本机，document.body.appendChild(el)则可以正常启动。

100 javascript  jquery  onload