Questions tagged «jquery»

jQuery是一个JavaScript库，请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库，它通过最小化浏览器之间的差异来促进文档对象模型（DOM）遍历，事件处理，动画和AJAX交互。标记为jQuery的问题应与jQuery相关，因此问题代码应使用jQuery，并且问题中至少需要与jQuery使用相关的元素。

4
使用jQuery抓取文本时如何去除空格？
我想使用jQuery来包装m​​ailto：锚定在电子邮件地址周围，但是它也抓住了CMS生成的空白。 这是我必须使用的HTML，具有的脚本以及输出的副本。 的HTML <div class="field field-type-text field-field-email"> <div class="field-item"> name@example.com </div> </div> jQuery JavaScript $(document).ready(function(){ $('div.field-field-email .field-item').each(function(){ var emailAdd = $(this).text(); $(this).wrapInner('<a href="mailto:' + emailAdd + '"></a>'); }); }); 生成的HTML <div class="field field-type-text field-field-email"> <div class="field-items"><a href="mailto:%0A%20%20%20%20name@example.com%20%20%20%20"> name@example.com </a></div> </div> 尽管我怀疑阅读此问题的其他人可能只想删除开头和结尾的空格，但考虑到这是我要包装的电子邮件地址，我还是很高兴失去所有空格。
183 jquery 
11
.each（）完成后调用jQuery函数
在jQuery中，调用（或任何其他类型的迭代回调）完成后，可以调用回调或触发事件。.each() 例如，我要完成此“淡入淡出”操作 $(parentSelect).nextAll().fadeOut(200, function() { $(this).remove(); }); 在进行一些计算之前，在。之后插入新元素$(parentSelect)。如果现有元素仍然对jQuery可见，并且睡眠/延迟一些任意时间（每个元素200个）似乎最好是一种脆弱的解决方案，那么我的计算是不正确的。 我可以轻松地.bind()对事件回调进行必要的逻辑处理，但是我不确定.trigger()在上述迭代完成后如何干净地调用。显然，我无法在迭代内调用触发器，因为它将触发多次。 在的情况下$.each()，我曾考虑过在data参数的末尾添加一些内容（我会在迭代主体中手动查找），但是我不想被迫这样做，所以我希望还有其他一些优雅之处控制有关迭代回调的流程的方法。
183 jquery  each 
9
检测iOS / Android操作系统
我已经做了一些研究，但这个问题已经提出，但不是我打算的那样。我正在为QR登陆的客户端构建页面，这是一个下载应用程序的地方。因此，他不必在页面上打印2个QR码，我想检测当前的操作系统（Apple / Android / Other [不支持]）并根据该值修改我的元素。 我已经看过脚本“ detectmobilebrowsers”，它的目的只是告诉用户是否完全可以移动，而我想弄清楚用户正在运行哪种操作系统，并建议最佳的应用程序版本。 我发现与此问题类似的其他答案似乎已经过时或不可靠（无法检测到Android平板电脑浏览器），因此我正在寻找新的东西。我该如何实现？（最好依次使用jQuery-Javascript-PHP）。
8
var self =这个？
使用实例方法作为事件处理程序的回调将范围this从“我的实例”更改为“无论什么叫回调”。所以我的代码看起来像这样 function MyObject() { this.doSomething = function() { ... } var self = this $('#foobar').bind('click', function(){ self.doSomethng() // this.doSomething() would not work here }) } 它有效，但这是最好的方法吗？我觉得很奇怪
8
如何停止复选框上的事件冒泡
我有一个复选框，我想对click事件执行一些Ajax操作，但是该复选框也位于容器内，它具有自己的单击行为，当单击该复选框时，我不想运行该行为。此示例说明了我要执行的操作： $(document).ready(function() { $('#container').addClass('hidden'); $('#header').click(function() { if ($('#container').hasClass('hidden')) { $('#container').removeClass('hidden'); } else { $('#container').addClass('hidden'); } }); $('#header input[type=checkbox]').click(function(event) { // Do something }); }); #container.hidden #body { display: none; } <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <div id="container"> <div id="header"> <h1>Title</h1> <input type="checkbox" name="test" /> </div> <div id="body"> <p>Some content</p> </div> </div> 运行代码段隐藏结果展开摘要 …
12
AngularJS：AngularJS渲染模板后如何运行其他代码？
我在DOM中有一个Angular模板。当我的控制器从服务中获取新数据时，它将更新$ scope中的模型，然后重新呈现模板。到目前为止一切都很好。 问题是，在模板重新呈现并且在DOM中（在本例中为jQuery插件）之后，我还需要做一些额外的工作。 似乎应该有一个事件要听，例如AfterRender，但我找不到任何此类事件。也许一条指令是一个可行的方法，但是它似乎还为时过早。 这是一个概述我的问题的jsFiddle：Fiddle-AngularIssue ==更新== 基于有用的评论，我相应地切换到了处理DOM操作的指令，并在指令内部实现了$ watch模型。但是，我仍然遇到相同的基本问题。$ watch事件中的代码在模板被编译并插入DOM之前触发，因此，jQuery插件始终在评估一个空表。 有趣的是，如果我删除了异步调用，那么整个程序就可以正常工作，因此这是朝正确方向迈出的一步。 这是我更新的小提琴，以反映这些更改：http : //jsfiddle.net/uNREn/12/
9
如何使用jQuery检测页面的滚动位置
我在我的网站上无法使用jQuery功能。它的作用是使用该window.scroll() 函数识别窗口何时更改其滚动位置，并在更改时调用一些函数以从服务器加载数据。 问题在于，.scroll()只要滚动位置稍有变化，就会立即调用该函数，并在底部加载数据。但是，我希望实现的是在滚动/页面位置到达底部时加载新数据，就像Facebook feed那样。 但是我不确定如何使用jQuery检测滚动位置吗？ function getData() { $.getJSON('Get/GetData?no=1', function (responseText) { //Load some data from the server }) }; $(window).scroll(function () { getData(); });
8
HTML5 textarea占位符未出现
我无法弄清楚我的标记出了什么问题，但是文本区域的占位符不会出现。好像它可能被一些空白和制表符遮盖了。当您将焦点放在文本区域并从光标所在的位置删除时，请离开文本区域，然后会出现适当的占位符。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" cols="30" rows="5" maxlength="100" …
5
使Bootstrap Popover在悬停时显示/消失而不是单击
我正在使用Bootstrap的Popover构建网站，但我不知道如何使Popover出现在悬停而不是点击的位置。 我要做的是，当有人将鼠标悬停在链接上而不是单击链接时，会出现一个弹出窗口，并且当他们离开时，弹出窗口会消失。该文档说，可以使用data属性或jquery。我宁愿使用jQuery，因为我有多个弹出窗口。
12
使用jQuery计算直接子div元素
我具有以下HTML节点结构： <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"></div> </div> <span></span> </div> 我如何计算foo类型的直系子代的数量div？在上面的示例中，结果应为两个（bar和baz）。
6
jQuery中的自定义事件？
我正在寻找有关如何以最佳方式在jquery中实现自定义事件处理的输入。我知道如何从dom元素（如“ click”等）中捕获事件，但是我正在构建一个小的javascript库/插件来处理一些预览功能。 我有一个脚本正在运行，以从一组规则和数据/用户输入中更新dom元素中的某些文本，但是现在我需要该脚本可能无法知道的其他元素中显示的相同文本。我需要的是一个很好的模式，以某种方式观察此脚本产生所需的文本。 那么我该怎么做呢？我是否忽略了jquery中的某些内置功能来引发/处理用户事件，还是需要一些jquery插件来做到这一点？您认为处理此问题的最佳方法/插件是什么？
180 jquery  events 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.