jquery 相关问题

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

在单击的元素外部设置 html 单击处理程序会立即触发

我有一个日历图标，其中有一个显示弹出日历的 onclick 处理程序，我想对其进行设置，以便单击日历弹出窗口之外的任何位置都会将其关闭。然而，它驳回了

javascript html jquery events

回答 1 投票 0

根据递增的选择ID隐藏和显示div

我正在尝试隐藏和显示包含在 js/html 动态表中的输入。仅当选择选项时才会显示输入。我正在尝试保留一系列其他选项，以防客户选择...

javascript html jquery

回答 1 投票 0

如何在使用jQuery动态删除行后重置表中TD元素内的输入元素的值和ID？

我有下表： SR 物体重量颜色形状我有下表： <thead> <th>SR</th> <th>Object</th> <th>Weight</th> <th>Color</th> <th>Shape</th> <th>DeleteBtn</th> </thead> <tr> <td><input type="text" id="sr1" value="1" class="sr"></td> <td><input type="text" id="object1" value="toy"></td> <td><input type="text" id="weight1" value="5kg"></td> <td><input type="text" id="color1" value="green"></td> <td><input type="text" id="shape1" value="round"></td> <td><input type="button" class="deleteRow"></td> </tr> <tr> <td><input type="text" id="sr2" value="2"></td> <td><input type="text" id="object2" value="bottle"></td> <td><input type="text" id="weight2" value="1kg"></td> <td><input type="text" id="color2" value="red"></td> <td><input type="text" id="shape2" value="cylinder"></td> <td><input type="button" class="deleteRow"></td> </tr> </table> 以上代码仅用于说明。这些行是使用 php、ajax、jQuery 动态生成的。第二列输入元素还具有自动完成功能，基于该功能为每行填充其他列。此外，每个输入元素的 ID 对于进一步复杂的操作数据也很重要。我已经设置了添加行的代码，该代码将下一个顺序值分配给 SR 列的新生成的行，并为每行依次生成带有 ID 的新行。但我在删除一行后遇到按顺序重置 SR 值和 ID 的问题，因为用户可以删除中间任意位置的行。如何按顺序重置 SR 列内输入标记的值属性，并根据新的行数为每行的每个输入元素分配顺序 ID，如上面的代码所示？您必须向每个表行添加 id 字段，如下所示 <tr id="tr_1"> <td><input type="text" id="sr1" value="1" class="sr"></td> <td><input type="text" id="object1" value="toy"></td> <td><input type="text" id="weight1" value="5kg"></td> <td><input type="text" id="color1" value="green"></td> <td><input type="text" id="shape1" value="round"></td> <td><input type="button" class="deleteRow"></td> </tr> 对应于 sr1，它对于所有行都是唯一的。当您通过 JavaScript 或 jQuery 执行删除命令时您可以使用jquery的remove()函数来删除行 <tr id="tr_1"> <td><input type="text" id="sr1" value="1" class="sr"></td> <td><input type="text" id="object1" value="toy"></td> <td><input type="text" id="weight1" value="5kg"></td> <td><input type="text" id="color1" value="green"></td> <td><input type="text" id="shape1" value="round"></td> <td><input type="button" class="deleteRow"></td> </tr> var id // you row identifier $('#tr_'+id).remove();

javascript html jquery dom html-table

回答 1 投票 0

收到消息时播放声音

我想在收到消息时播放声音，所以我搜索了它并找到了很多解决方案，但我找到的最简单的解决方案是 $('body').append('<embed src="beep.mp3" </desc> <question vote="0"> <p>我想在收到消息时播放声音，所以我搜索了它并找到了很多解决方案，但我找到的最简单的解决方案是</p> <pre><code> <script> $('body').append('<embed src="beep.mp3" autostart="true" hidden="true">'); </script> </code></pre> <p>但问题是它在Godzilla/IE中不播放声音，在Chrome中播放。有没有办法在不添加任何额外插件（Mozilla/JQuery）的情况下解决这个问题。 Chrome 中还有一个问题，当声音播放时，主窗口的滚动条会从其位置移动。我的主要问题是播放声音，所以它的优先级是第一位的。有人知道解决方案然后请与我们分享谢谢。 </p> </question> <answer tick="true" vote="9"> <p>尝试这个，我认为这是任何人见过的最简单的解决方案......:) 你只需做一件事，你应该将你的 <strong><pre><code>beep.mp3</code></pre></strong> 转换为 <strong><pre><code>beep.wav</code></pre></strong> 因为有些浏览器不理解 mp3，所以你应该将其转换为 wav，然后仅使用这 <strong>3 行代码</strong></p> <pre><code> <script> var aSound = document.createElement('audio'); aSound.setAttribute('src', 'beep.wav'); aSound.play(); </script> </code></pre> <p>当页面<strong>打开/重新加载</strong>时，这将播放声音，您可以根据需要进行设置，并且还需要 js 1.6 或更高版本。希望这能解决您的两个问题。 </p> </answer> <answer tick="false" vote="2"> <p>如果您不想创建多个音频元素，可以尝试将 <pre><code>currentTime</code></pre> 属性设置为 0，以便音频文件重新开始。</p> <pre><code><script> function play() { var sound = document.getElementById("audio"); sound.currentTime = 0; sound.play(); } </script> <audio src="success.wav" autostart="false" width="0" height="0" id="audio" /> </code></pre> </answer> <answer tick="false" vote="1"> <p>打开此链接：<a href="http://www.misfitgeek.com/2011/08/play-sound-in-html5-and-cross-browser-support-with-backward-compatability/" rel="nofollow noreferrer">无需浏览器插件即可播放声音</a>。</p> <p>在此链接中，您可以获取代码来解决您的问题。第二个问题可以通过删除 <pre><code>$('body')</code></pre></p> 来解决 <pre><code>$('body').append('<embed src="beep.mp3" autostart="true" hidden="true">'); </code></pre> <p>并设置任意 <strong>div</strong>。</p> </answer> <answer tick="false" vote="0"> <p>尝试以下（未测试）</p> <p>将声音文件全部准备好嵌入代码中并使用javascript函数来播放它...</p> <pre><code><script> function PlaySound(soundObj) { var sound = document.getElementById(soundObj); sound.Play(); } </script> <embed src="success.wav" autostart="false" width="0" height="0" id="sound1" enablejavascript="true"> </code></pre> </answer> <answer tick="false" vote="0"> <pre><code>$("#elementid").trigger("click"); //<-- just to allow browser to play sound clickSound.play(); </code></pre> </answer> </body></html>

javascript jquery

回答 0 投票 0

箭头函数 VS jQuery 中带有 $(this) 的匿名函数

我在编码过程中发现了这个错误（或功能）：如果你使用箭头函数作为 jQuery 事件的处理程序，那么构造 $(this) 在此函数内不起作用。我理解箭头和匿名...

javascript jquery this anonymous-function arrow-functions

回答 1 投票 0

如何将此有效的滑动删除功能添加到新的附加列表项中？

我想要在这里看到的常见移动滑动删除功能http://andymatthews.net/code/swipebutton/ 我下载了源代码，并从中删除了我自己的版本。它工作正常并且...

jquery list jquery-mobile append swipe

回答 1 投票 0

使用美元符号和逗号格式化货币输入字段

我有一个 javascript/jquery 表单的收入输入字段：需要美元符号：之前随着货币的增加添加逗号我通过 css 显示了一个美元符号，但问题集中在它并确保......