jquery 相关问题

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

单击平滑滚动到 ID

我的目的是实现平滑的滚动行为,但我是 JS/JQuery 的新手。 当我单击导航栏锚标记时,页面将向下滚动到具有相应 ID 的部分。为了做到这一点...

回答 2 投票 0

ListBox 小部件移动未定义的项目

我正在使用 Kendo-UI for jQuery,版本 2021.1.119。 我遇到的问题是,我可以初始化 ListBox 小部件并显示初始状态,但是当我尝试从一个 ListB 中移动一项时...

回答 1 投票 0

注册后,将打开以下页面:https://myApp.by/assets/inputmask/jquery.inputmask.min.js

用户注册并登录后,打开以下页面: https://myApp.by/assets/inputmask/jquery.inputmask.min.js 在此输入图像描述 为什么当你第一次登录时它不会进入 h...

回答 1 投票 0

如何从这个网站创建拖拽和滑动效果?

如果从水平菜单中快速拖动并释放,菜单将自动滑动一段距离。拖动和释放的速度越快,它似乎滑动得越多。来源->appear.dk 我如何实现这个...

回答 3 投票 0

JavaScript/JQuery - 单击时平滑滚动到 ID

我的目的是实现平滑的滚动行为,但我是 JS/JQuery 的新手。 当我单击导航栏锚标记时,页面将向下滚动到具有相应 ID 的部分。为了做到这一点...

回答 2 投票 0

通过实现正则表达式逻辑自定义数据表搜索

我有一个数据表,通过使用函数 searchStringToRegexString 将搜索字符串转换为正则表达式,在其中建立自定义搜索逻辑(使用 AND 和 OR)。以下

回答 1 投票 0

jQuery .text() 不更改元素文本

我有一个像这样的锚标签: 4 现在我尝试用以下内容替换文本...

回答 6 投票 0

多个复选框带有多个下拉列表和输入标签,将选定的值存储在一起/如果未选中则删除

假设我有多个复选框和一些文本,然后是以下格式的 1-10 下拉列表 [复选框1] [名称1] [下拉菜单1 1-10] [复选框2] [名称2] [下拉菜单2 1-10] [检查...

回答 1 投票 0

TinyMCE 不保存块引用

为什么TinyMCE不断剥离块引用标签而不将它们保存到数据库中?我已经将它与其他元素一起添加到 valid_elements 列表中(顺便说一句,它们都有效)。为了...

回答 1 投票 0

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

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

回答 1 投票 0

Iphone (Safari) 上的音频标签

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

回答 1 投票 0

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

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

回答 1 投票 0

jQuery 仅在提交时验证规则

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

回答 6 投票 0

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

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

回答 2 投票 0

禁用Javascript中的dom更改事件?

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

回答 1 投票 0

.off("DOMSubtreeModified") 的问题

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 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>

回答 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 帖子和其他在线信息源后,乔纳森的答案是解决我的可排序敏感度问题的唯一答案。谢谢乔纳森!

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.