jquery 相关问题

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

使用 jquery 的文本区域中的最大字符数

我有以下代码,但我有点不知道下一步该做什么。这个想法是,当您在文本区域中输入文本时,计数器会告诉您还剩下多少个字符。一旦达到最大

回答 17 投票 0

如何在 jQuery Datatables 中启用特定列的排序而不是禁用特定列

我正在尝试启用特定列排序。 有什么方法可以使特定列可排序吗?

回答 1 投票 0

在页面加载时更新价格字段

我正在尝试在加载页面上激活一个函数,该函数是获取“input#quantity”中的数值并在页面加载激活函数currentPrice上计算“input.final-price”。但在...

回答 2 投票 0

如何冻结表格的ad部分

我有一个包含两个标题行的表格演示。 变量详情 ...

回答 3 投票 0

如何计算GST值

我的项目中有销售交易,我想计算含和不含消费税的总金额。 如果我们希望输入特定产品的 GST 值,我会保留一个文本框来输入 GST 值...

回答 4 投票 0

Jquery中的数组排序问题(按价格排序)

我正在按价格和字母顺序对商品进行排序。 它按字母顺序排序非常好。它对价格数组进行排序,但不根据排序的价格打印对象。一切都很完美...

回答 1 投票 0

Select2 Bootstrap Modal 带模态滚动

更新: 我添加了这个: $("#id_project").select2({dropdownParent: $(".modal-body")}); ...这会导致下拉列表正确放置,并且可以输入搜索内容。

回答 6 投票 0

提交表单后在感谢页面上设置cookie

我正在尝试在提交表单时建立一个cookie。当用户从其他页面提交表单时,如何确保在感谢页面上设置 cookie? 表单存在于 http://www.example...

回答 1 投票 0

更正或设置jquery ajax请求中的cookie

我需要从此 URL 获取数据:https://e453eb.myshopify.com/products/chakananecklace.json 我写了一段代码: // 现在,发出 AJAX 请求 $.ajax({ 网址:'https://e453eb.myshopify.com/

回答 1 投票 0

Bootstrap Table 不是通过按钮刷新新数据,而是通过重新加载来完成

嗯,我已经配置了引导表以在工具栏中显示刷新按钮。 数据显示刷新=“真” data-url 表属性已正确配置。证明这一点的是...

回答 1 投票 0

将产品类别添加到 WooCommerce 产品附加信息

我使用这个很棒的脚本在单个产品页面的附加信息选项卡中显示 WooCommerce 产品 SKU,但我也想显示产品类别。知道如何...

回答 1 投票 0

在 Grocery CRUD 2.0.1 中显示 DataTable 列的总和

我正在使用 Grocery CRUD 2.0.1 和 Code Igniter 4.5.1 下的 DataTables 主题 生成的表格在每列下方都有一个自动过滤器,根据使用的关键字,

回答 1 投票 0

如果使用文本字段,如何禁用文件输入

如果使用特定文本输入,我需要禁用文件输入。或者,如果使用文件输入,则禁用文本输入。但是,如果最终用户改变主意,那么我希望能够启用

回答 6 投票 0

在同一单元格多个跨度中查找最接近的输入

我很难获得与单击的按钮最接近的输入。一切都在同一个表格单元格上。按钮位于跨度内并且输入位于 3 级跨度内?请参阅参考...

回答 1 投票 0

为什么 JavaScript 代码导出到 Excel 可以使用旧的 Office 扩展 xls,但不能使用 xlsx?

我正在使用 JAVASCRIPT 将 html 表导出到 Excel。我面临的问题是无法导出到 Excel Office 新版本,扩展名为 xlsx 。 但它工作正常并导出到旧版本的 Office Excel

回答 1 投票 0

JQuery UI 滑块,仅加载 Button,而不加载 Range,并且滑块不滑动

我正在使用jquery滑块,我面临的问题是仅显示滑块按钮而不显示范围。当我尝试滑动按钮时,它不会滑动。 超文本标记语言 我正在使用jquery滑块,我面临的问题是仅显示滑块按钮而不显示范围。当我尝试滑动按钮时,它不会滑动。 HTML <div id="slider-range"></div> JS $("#slider-range").slider({ range: true, min: 0, max: 500, values: [75, 300], slide: function (event, ui) { console.log("sliding"); } }); 之后 UI 就出现了 备注: 我确认div在JS执行之前就被加载了,控制台也没有异常。 为了确认 JQuery UI JS 和 CSS 的加载,我在同一个 Div 中渲染了一个不同的控件(日历控件),它加载并正常工作。 我实现了滑块回调,以确认该控件可以从 JQueryUI 正常工作,并且滑块回调可以正常工作。我可以看到我放入回调中的控制台日志。 我通过控制台中的 Elements 选项卡确认 Div 已附加 JQueryUI 类 我观察到滑块按钮添加了一个 href 属性,它指向 localhost。 我还确认,通过控制台我可以看到滑块按钮上应用的 jquery-UI 样式 如果有人能帮助我解决这个问题,那将非常有帮助。 使用这个: https://jsfiddle.net/6sxg9ytd/1/ <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Slider - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#slider" ).slider( { range: true, min: 0, max: 500, values: [ 55, 105 ], slide: function( event, ui ) { console.log("sliding"); } }); } ); </script> </head> <body> <div id="slider"></div> </body> </html> $( "#slider_element" ).slider({ orientation: "vertical", min: 20, max: 90, range: false, values: 20, slide: function( event, ui ) { $('#input_element').val(ui.values[ 0 ] ).change(); } }); 这是获取一个滑动按钮的代码,而不是范围。这也是垂直滑块的一个示例。正如您在代码中看到的。这100%有效。

回答 2 投票 0

在引导程序中对同一元素使用两个数据切换

我正在使用 Bootstrap 并创建了一个具有简单导航菜单的页面。我想为其中一个链接添加模式,该链接已经有一个工具提示。 我确实将模态添加到了 li 中,就像

回答 2 投票 0

使用放大弹出窗口的图像库总是弹出第一个,而不是单击时选择的那个

我在 django 项目中使用 JQUERY 和 Magnific Popup。当我单击图库中的任何图像时,它总是弹出第一张图像而不是所选的图像。这是我当前的代码: 这是

回答 1 投票 0

复制的数据第二次没有粘贴到光标位置

我有以下代码,其中复制以下数据: ABC123 防御123 HIJ123 并将其粘贴到文本区域。因此,粘贴代码后,光标就位于 HIJ123 之后,如下所示...

回答 1 投票 0

jQuery - 查找下一个 Div

我试图在输入按钮后找到下一个 div 并切换它。 我究竟做错了什么? JS: $(".showNextExperience").click(function() { $(".experience").show(); }); HTML: 我试图在输入按钮后找到下一个 div 并切换它。 我做错了什么? JS: $(".showNextExperience").click(function() { $(".experience").show(); }); HTML: <input class="showNextExperience" > <div class="experience">Experience 1</div> <input class="showNextExperience"> <div class="experience">Experience 2</div> <input class="showNextExperience"> <div class="experience">Experience 3</div> <input class="showNextExperience" > <div class="experience">Experience 4</div> 好吧,这不起作用 --- $(".showExperience").click(function() { $(this).next(".experience").toggle(); }); <table class="data"> <tr class="tableHead"> <td></td> <td width="50" align="right"><input type="button" class="showExperience" value="show"></td> </tr> </table> <div class="experience">2</div> 当我将输入按钮移到 DIV 上方时,它工作得很好。 $(".showExperience").click(function() { $(this).next(".experience").toggle(); }); <input type="button" class="showExperience" value="show"> <div class="experience">2</div> 你能解释一下吗? 简单地说: $(".showNextExperience").click(function() { $(this).next(".experience").toggle(); }); 参见: http://api.jquery.com/toggle/ http://api.jquery.com/next/ $(".showNextExperience").click(function() { $(this).next().show(); }); 试试这个 $(".showNextExperience").click(function() { $(this).next("div.experience").toggle(); }); 假设您在触发输入和操作的 div 之间有元素: <input class="showNextExperience" > <p>Hello, new line</p> <div class="experience">Experience 1</div> <input class="showNextExperience"> <p>Some text</p> <div>And an info block</div> <div class="experience">Experience 2</div> 然后你必须使用 nextAll 不仅搜索下一个元素,而且搜索整个 DOM,这可能比使用 next().find() 更简单的编码: $(".showNextExperience").click(function() { $(this).nextAll(".experience").toggle(); }); $(this).siblingings().eq(0)应该这样做。 在 id 为“test”的输入之后选择第一个带有“experience”类的元素 console.log($('#test').nextAll(".experience").first().text()); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <input class="showNextExperience" > <div class="experience">Experience 1</div> <input id='test' class="showNextExperience"> <div class="experience">Experience 2</div> <input class="showNextExperience"> <div class="experience">Experience 3</div> <input class="showNextExperience" > <div class="experience">Experience 4</div>

回答 6 投票 0

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