jquery 相关问题

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

触发 React 渲染输入的更改事件（类型=范围）

“反应”：“^15.4.2” 我无法从 jquery 触发使用 React 渲染的输入的更改事件。我需要这样做来进行一些端到端测试。这是一个沙盒作为完整的展示：

javascript jquery reactjs dom dom-events

回答 1 投票 0

Iphone (Safari) 上的音频标签

我正在制作一个条形码扫描网络应用程序。我选择QuaggaJS作为条码扫描库。我想在扫描条形码时播放蜂鸣声。我已经使用了音频标签并使用JQuery来播放...

jquery iphone audio safari html5-audio

回答 1 投票 0

jQuery .text() 不检索元素文本

我有这个 HTML 并且文本是动态生成的： 1790.00 我的问题是我无法检索 span 标签的文本。这是我的 jQuery 代码： $(

jquery

回答 1 投票 0

jQuery 仅在提交时验证规则

假设我有一个可以查找城市、州位置的表格。如果用户输入了错误的城市、州，我希望表单能够根据用户输入检查数据库，并查看输入是否为

jquery jquery-validate

回答 6 投票 0

在 jquery 中单击时提醒按钮的 src

这是我的jquery代码；但它给了我（未定义）。 $(文档).ready(函数(){ $('.items > tbody > tr').click(function() { var src = $(this).find('a[title="View"]')....

jquery url var src attr

回答 2 投票 0

禁用Javascript中的dom更改事件？

我用 document.addEventListener("DOMSubtreeModified", function() {} 每当文档的 DOM 更改时就采取行动。问题是：在该函数中我自己修改了 DOM，但我没有......

javascript jquery events dom

回答 1 投票 0

.off("DOMSubtreeModified") 的问题

我有这样的逻辑： $('.myElement').on('DOMSubtreeModified', function() { 如果（某事==真）{ $('.myElement').off('DOMSubtreeModified'); // 执行一些代码 } }); 威尔...

javascript jquery dom

回答 1 投票 0

尝试重新初始化 JS 库函数，但失败并出现错误

我正在使用这个JS来生成github活动图表。我可以成功加载它，但我正在努力寻找一种在第一次初始化后更新数据的方法： var 处理数据 = []; $(

javascript jquery

回答 1 投票 0

未捕获类型错误：无法读取未定义的属性“nodeName”

这个问题只出现在joomla - 我正在尝试在我的 joomla 网站上使用 contentflow 插件这是插件网站 - http://www.jacksasylum.eu/ContentFlow/ 这是我的网站 - http://2-dwe...

jquery joomla undefined typeerror

回答 7 投票 0

获取所有选定行的表格单元格的内容

我有一张用户信息表。当您单击按钮时，我想从每个选定的行中获取电子邮件地址，输出到以逗号分隔的字符串中。 <... 我有一张用户信息表。当您单击按钮时，我想从每个选定的行中获取电子邮件地址，输出到以逗号分隔的字符串中。 <table> <tr> <td><input type="checkbox" class="selector"></td> <td class="name">John Doe</td> <td class="country">Australia</td> <td class="email">[email protected]</td> </tr> <tr> <td><input type="checkbox" class="selector"></td> <td class="name">Jane Smith</td> <td class="country">Canada</td> <td class="email">[email protected]</td> </tr> </table> <button onclick="tableToEmail()">Get Emails</button> 我让它与以下代码一起工作，但我是 JS 新手，所以我认为它一定效率低下： function tableToEmail() { var recipients = []; $('input.selector:checked').each(function(){ var email = $(this).closest('tr').find('.email'); recipients.push(email.text()); }); console.log(recipients.join(',')); } 是否有更好的方法来实现这一点，如果不需要 jQuery，最好使用 vanilla JS？谢谢！这是使用事件监听器的普通版本 window.addEventListener('DOMContentLoaded', () => { const table = document.querySelector('table tbody') document.getElementById('tableToEmailButton').addEventListener('click', () => { const emails = Array.from(table.querySelectorAll('.selector:checked')) .map(chk => chk.closest('tr').querySelector('.email').textContent.trim()); console.log(emails); }); }); <table> <tbody> <tr> <td><input type="checkbox" class="selector"></td> <td class="name">John Doe</td> <td class="country">Australia</td> <td class="email">[email protected]</td> </tr> <tr> <td><input type="checkbox" class="selector"></td> <td class="name">Jane Smith</td> <td class="country">Canada</td> <td class="email">[email protected]</td> </tr> <tbody> </table> <button id="tableToEmailButton">Get Emails</button>

javascript jquery

回答 1 投票 0

拖动时 jQuery UI 排序不准确

我在使用 jQuery UI Sortable Widget 时遇到问题，它对元素放置位置有点不准确。例子： HTML： <... 我在使用 jQuery UI Sortable Widget 时遇到问题，它对于元素的放置位置有点不准确。示例： HTML： <div class="Container"> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> </div> CSS： div.Container { clear: both; } div.Container div.Item { float: left; display: block; padding: 5px 5px 2px 5px; background-color: #ccc; border: solid 1px #aaa; border-radius: 5px; margin: 0 10px 10px 0; } div.Container div.Item img { width: 30px; height: auto; border: solid 1px #888; } JS： $(document).ready(function() { $('div.Container').sortable({ revert: true, cursor: 'move' }); }); JSFiddle：http://jsfiddle.net/ghdbxj7t/ 尝试直接向下拖动一个元素（在其他元素下方），然后向右拖动经过最后一个元素，然后向上拖动以再次与元素对齐。这会导致原始元素占位符卡在其位置，并且不会移动任何其他元素。如果您将元素与最后一个元素完全对齐（水平）拖动，您几乎可以在最后一个元素切换之前到达它的顶部（有时我什至可以走得更远）。此示例与我在自己的网站上遇到的情况类似，但行为更为极端。我可以将第一个元素水平拖动到所有其他元素上，它们排序得很好除了最后一个元素对于何时允许自己进行排序非常敏感。我网站上的 HTML 和 CSS 与 JSFiddle 中的几乎完全相同。我该怎么做才能使拖动更加准确，以便拖动到最后一个项目之后的元素立即排序，而不必在最后一个项目上多次拖动它才能让它明白我想将其放置在那里？此行为已在 Chrome 中测试。我正在使用 jQuery 1.11.2 和 jQuery UI 1.11.4（JSFiddle 似乎不支持这些，但 1.9.1 中的行为接近我所经历的） 7岁了，但我想我可以帮忙。但讽刺的是，我也来寻找答案，并且碰巧在弄乱你的 jsfiddle 时修复了它。从那时起您可能已经修复了它，因此这可以为其他遇到问题的人提供参考。您可以通过添加选项 tolerance 并向其添加值 pointer 来帮助使其更加准确。示例代码： $(document).ready(function() { $('div.Container').sortable({ revert: true, cursor: 'move', tolerance: "pointer" }); }); 这是做什么的，当您的光标与其他项目重叠时，它就会开始对其进行排序。默认情况下，它是 intersect，对我来说这似乎有问题，尽管它没有问题。当项目与其他元素重叠时，Intersect几乎可以做到这一点，它会对其进行排序。当不同的项目可能具有不同的尺寸时，这看起来会非常有问题，并且边缘项目（例如右、左、上或下）也可能看起来有问题。由于您有一个水平可排序列表，因此您可以使用 axis 选项来限制项目的拖动移动，如下所示 $(document).ready(function() { $('div.Container').sortable({ revert: true, cursor: 'move', axis: "x" }); }); http://api.jqueryui.com/sortable/#option-axis 有一个类似的问题，当我将一个项目拖到应该可放置的区域上时，当前元素没有移到一边以为其放置腾出空间）。花了 2 天时间浏览各种 Stackoverflow 帖子和其他在线信息源后，乔纳森的答案是解决我的可排序敏感度问题的唯一答案。谢谢乔纳森！

jquery jquery-ui jquery-ui-sortable

回答 3 投票 0

鼠标悬停多个 td rowspan

我有一个包含多个 td rowspan 的表。鼠标悬停时，整个字母表行应变为红色。例如，如果我们将鼠标放在任何字母值上，则整个字母部分应该

jquery html css

回答 5 投票 0

如何通过函数获取audio.duration值

我是我的音频播放器，我需要获取音轨的持续时间。我需要一个函数来获取音频的 src 并返回其持续时间。这是我正在尝试做但不起作用的事情：功能

javascript jquery audio html5-audio

回答 2 投票 0

当用户单击 Telerik Masked TextBox 时如何通过 Jquery 清除 Telerik Masked TextBox 的值

我正在制作一个模块，其中人的姓名和手机号码保存在数据库中。 Telerik Masked TextBox 被用作获取输入电话号码的方法。 $(".mainContainer").fin...