jquery 相关问题

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

更改选择2的高度

我正在尝试更改包含箭头和所选选项的框的高度。我正在使用 select2，但我对此不太了解。这是我的代码： HTML：我正在尝试更改包含箭头和所选选项的框的高度。我正在使用 select2，但我对此不太了解。这是我的代码： HTML： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" crossorigin="anonymous"> <link rel="stylesheet" href="styles.css"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> <title>Hello, world!</title> </head> <body> <h1>Hello, world!</h1> <select class="form-select" id="searchSelect"> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> <option>Option 4</option> </select>   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" crossorigin="anonymous"></script> <script src="script.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script> </body> </html> CSS： body{ padding: 25px; } #select2-searchSelect-container { height: 50px; //This didn't work } JavaScript： $( document ).ready(function() { $("#searchSelect").select2(); }); 我尝试为 .select2-containter、.selection、.select2-selection、.select2-selection--single 添加高度，但都没有成功。感谢您的帮助！我尝试为 .select2-containter、.selection、.select2-selection、.select2-selection--single 添加高度，但都没有成功。我不太确定你想要什么，但看起来你只是选择了错误的元素。从我看来，选择器应该类似于 .select2-container .select2-selection.select2-selection--single。特异性可能是另一个问题，在任何情况下，您可能选择了正确的元素，但另一种样式覆盖了您自己的元素。 $( document ).ready(function() { $("#searchSelect").select2(); }); body{ padding: 25px; } .select2-container .select2-selection.select2-selection--single { height: 50px; //Try this } <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> <title>Hello, world!</title> </head> <body> <h1>Hello, world!</h1> <select class="form-select" id="searchSelect"> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> <option>Option 4</option> </select>   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" crossorigin="anonymous"></script> <script src="script.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script> </body> </html>

html jquery css jquery-select2

回答 1 投票 0

用占位符 {{text}} 替换 google 文档模板文本，并使用 google 工作表图像（图表：折线图、条形图、饼图）

我在 Google Sheets 中制作每日工作日志报告，并且必须每月提交该报告。为此，我的 Google 云端硬盘帐户中有一个模板报告。该模板需要启动...

javascript python c# html jquery

回答 1 投票 0

JQuery 触发器点击不触发

我有一个年份列表，想要选择触发点击的第一个元素，但它没有按我的预期工作。这段代码让我到达我想要触发点击的元素，但它没有...

jquery

回答 1 投票 0

在数据表列中启用服务器端智能搜索

为了演示目的，我在闪亮中实现了一个示例数据表，可以在其中搜索整个数据表（通过使用右上角的搜索字段）和/或在特定的c...

jquery r shiny dt

回答 1 投票 0

在单击的元素外部设置 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 显示了一个美元符号，但问题集中在它并确保......