jQuery是一个Javascript库,考虑添加Javascript标记。 jQuery是一个流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jquery的问题应该与jquery相关,因此有问题的代码应该使用jquery,并且至少需要jquery与用法相关的元素。
如何从 JQuery - IonRangeSlider 获取值?
如何通过单击按钮从 ion.rangeSlider 组件获取低值和高值? 这是我的 jQuery 代码: $(文档).ready(函数(){ $("#range_1").ionRangeSlide...</desc> <question vote="16"> <p>如何通过单击按钮从 <a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html" rel="noreferrer" title="ion.rangeSlider">ion.rangeSlider</a> 组件获取低值和高值?</p> <p>这是我的 jQuery 代码:</p> <pre><code><script> $(document).ready(function(){ $("#range_1").ionRangeSlider({ min: 10, max: 50, from: 10, to: 20, type: 'double', step: 1, prettify: true, hasGrid: false }); }); </script> <script> $(document).ready(function(){ $('#get_values').click(function(){ var low = $('#range_1').... ???; var high = $('#range_1').... ???; alert(low); }); }); </script> </code></pre> </question> <answer tick="false" vote="25"> <pre><code>// Launch plugin $("#range").ionRangeSlider({ type: "double", min: 0, max: 1000, from: 200, to: 500 }); // Saving it's instance to var var slider = $("#range").data("ionRangeSlider"); // Get values var from = slider.result.from; var to = slider.result.to; </code></pre> <p>请参阅解决方案<a href="http://jsfiddle.net/2qLum6s7/">http://jsfiddle.net/2qLum6s7/</a>。适用于最新版本的 Ion.RangeSlider (2.1.2)。</p> </answer> <answer tick="false" vote="12"> <p>使用 jQuery 的 data() 方法:</p> <pre><code>var low = $('#range_1').data().from; var high = $('#range_1').data().to; </code></pre> </answer> <answer tick="true" vote="10"> <p>这是一个解决方案:<a href="http://jsfiddle.net/IonDen/xaaw56bk/" rel="noreferrer">http://jsfiddle.net/IonDen/xaaw56bk/</a></p> <pre><code>var $range = $(".js-range-slider"), $result = $(".js-result"), $getvalues = $(".js-get-values"), from = 0, to = 0; var saveResult = function (data) { from = data.fromNumber; to = data.toNumber; }; var writeResult = function () { var result = "from: " + from + ", to: " + to; $result.html(result); }; $range.ionRangeSlider({ type: "double", min: 10, max: 50, from: from, to: to, onLoad: function (data) { saveResult(data); writeResult(); }, onChange: saveResult, onFinish: saveResult }); $getvalues.on("click", writeResult); </code></pre> </answer> <answer tick="false" vote="8"> <p>之前的答案基于旧的插件 API,不再起作用。这是 2.x 版本的新版本: <a href="http://jsfiddle.net/IonDen/2L15xoym/">http://jsfiddle.net/IonDen/2L15xoym/</a></p> <pre><code>var $range = $(".js-range-slider"), $result = $(".js-result"), $getvalues = $(".js-get-values"), from = 0, to = 0; var saveResult = function (data) { from = data.from; to = data.to; }; var writeResult = function () { var result = "from: " + from + ", to: " + to; $result.html(result); }; $range.ionRangeSlider({ type: "double", min: 10, max: 50, from: from, to: to, onStart: function (data) { saveResult(data); writeResult(); }, onChange: saveResult, onFinish: saveResult }); $getvalues.on("click", writeResult); </code></pre> </answer> <answer tick="false" vote="3"> <pre><code>const range = $('#range_1'); const rangeData = range.data('ionRangeSlider'); const start = rangeData.result.from; const max = rangeData.result.max; // rangeData.result['property'] </code></pre> <p><strong>版本2.3.0(已测试)</strong></p> </answer> <answer tick="false" vote="1"> <p>此方法适用于最新版本。使用事件 onChange 从属性“from”和“to”获取数据。 Ion.RangeSlider v2.3.1:</p> <pre><code> var slider = $('.js-range-slider'); slider.ionRangeSlider({ type: "double", prefix: '$', grid: true, }); slider.on("change", function () { var $inp = $(this); var from = $inp.data("from"); // get data from attribute var to = $inp.data("to"); // get data from attribute console.log(from, to); }); </code></pre> <p>Html 标记:</p> <pre><code><input type="text" class="js-range-slider" name="my_range" value="" data-min="100" data-max="4000" data-from="1000" data-to="2000"/> </code></pre> </answer> <answer tick="false" vote="0"> <pre><code>var val = $('#theSpecificSliderID').slider('value'); // Get value <br> $('#theSpecificSliderID').slider('value', 33); // Set value </code></pre> </answer> <answer tick="false" vote="0"> <p>使用开始、改变或结束超载。我正在使用完成重载并将值更新为 SomeValue 元素。 </p> <pre><code> $("#Range_1").ionRangeSlider({ min: 0, max: 100, type: 'single', step: 1, postfix: " %", prettify: false, hasGrid: true, onFinish: function(data){ var value = data.fromNumber; $("#SomeValue").val(value); } }); </code></pre> </answer> <answer tick="false" vote="0"> <p>你可以直接调用.val()(在2.3.1中测试过)</p> <pre><code>var slider = $('.js-range-slider'); var value = slider.val() </code></pre> </answer> </body></html>
添加与类或文档中每个锚点的 HREF 属性等效的 onMouseDown 属性
我在获取 onMouseDown 函数时遇到问题,该函数获取每个链接并复制页面中相应锚标记的原始 HREF 属性,并在按下事件时加载 URL。 我们打电话吧...
如何删除 jQuery DataTables 插件添加的搜索栏和页脚?
我正在使用 jQuery 数据表。 我想删除默认添加到表格中的搜索栏和页脚(显示可见的行数)。我只是想用这个插件来排序,
我似乎无法隐藏 DataTables 默认搜索栏。到目前为止,我已经尝试过此线程的解决方案,但是设置 bFilter:false 会完全禁用过滤,所以我在页脚中的搜索框只是......
我需要在 laravel 9.28 中使用 yajra 数据表创建的表中添加固定标题 我还有其他带有参数的表:->fixedHeader(true),当我向下滚动时,我的标题保持在顶部。 在...
如果产品位于购物车中,则动态更改 WooCommerce 产品单个添加到购物车按钮文本
在 WooCommerce 中,我想在按下“添加到购物车”按钮后将相应产品添加到购物车时更新“添加到购物车”文本。 反之亦然,这样“添加到购物车”...
Apexchart 在其 javascript 中添加工具提示时不显示 y 轴第二个
通常,我将数据附加到第二个 y 轴,因为数组工作得很好,但不知何故,当我开始将集合附加到数据时,它不再同时显示 2 个 y 轴。 我什至尝试添加...
是否可以确定 html 元素对用户是否可见? 例子 页面有一个带有日期选择器的输入字段。如果用户单击输入字段,则会出现另一个 div,它允许...
jquery.min.js 和 SessionExpire.js 中违反内容安全策略
我正在我的应用程序中实现 CSP,浏览器显示以下内容违反了 CSP: 1. jquery.min.js:以下行中的内联样式违规 t.insertBefore(e, t.firstChild) ...
我在 jQuery 中遇到了一些关于选择器的奇怪行为。 这是我的代码: $("#content").fadeOut(); $("#content").innerHTML = "一些文字"; $("#
我想更新我的 ASP.NET Core MVC 应用程序中的 jquery-ui.js。我看到该文件位于以下结构中: 这样做的正确方法是什么? 我应该下载文件吗
我创建了一个区域,我们将其称为具有静态ID的通知:P1_NOTIFICATIONS,将其模板设置为内联对话框,并添加一个名为row-01的子区域,没有任何静态ID。 row-01 有一个但是...
我正在尝试处理 Google Apps 脚本 doGet(e) 方法中的查询参数。我定义了以下简单的 doGet() 函数,该函数根据参数(或缺少
我这里有一行代码(不涉及表单): 之前,我使用的是 type="text",但是在移动浏览器上,...
添加 aria-label 并使用 JQuery 附加到外部链接
好的朋友们,我正在尝试获取在新窗口中打开的所有链接,并向它们添加一个 aria-label 属性,其中包含链接文本加上“在新选项卡中打开”。 所以我想采取这个: <...
根据 Woocommerce 简单产品的自定义字段显示自定义价格
在 Woocommerce 中,我想根据 2 个选定的自定义字段更新基本价格。 在 LoicTheAztec 的帮助下,我可以更新 1 个自定义字段的价格,那么,如何更新 2 个自定义字段呢? PHP...
我有一个管理页面,其中列出了一组不同的汽车,管理员可以点击编辑按钮并更新其中一辆汽车。当这种情况发生时,汽车会被提起......
在 WooCommerce 中根据数量和产品类别显示产品总价和测量结果
我很抱歉再次将此代码片段带到这里。尽管我正在努力从所获得的帮助中学习,所以我非常感谢这些帮助。 我有一个代码片段来计算 am...
我有复选框的输入类型,当我执行删除或检索方法时,它可以工作,但页面不会重新加载
在我的 Asp.Net Mvc 项目中,我有复选框类型输入,我使用 jquery 通过它们获取项目的 ID,并使用 ajax 向它们发送控制器。方法有效,但工作后页面...