jquery 相关问题

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>&lt;script&gt; $(document).ready(function(){ $(&#34;#range_1&#34;).ionRangeSlider({ min: 10, max: 50, from: 10, to: 20, type: &#39;double&#39;, step: 1, prettify: true, hasGrid: false }); }); &lt;/script&gt; &lt;script&gt; $(document).ready(function(){ $(&#39;#get_values&#39;).click(function(){ var low = $(&#39;#range_1&#39;).... ???; var high = $(&#39;#range_1&#39;).... ???; alert(low); }); }); &lt;/script&gt; </code></pre> </question> <answer tick="false" vote="25"> <pre><code>// Launch plugin $(&#34;#range&#34;).ionRangeSlider({ type: &#34;double&#34;, min: 0, max: 1000, from: 200, to: 500 }); // Saving it&#39;s instance to var var slider = $(&#34;#range&#34;).data(&#34;ionRangeSlider&#34;); // 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 = $(&#39;#range_1&#39;).data().from; var high = $(&#39;#range_1&#39;).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 = $(&#34;.js-range-slider&#34;), $result = $(&#34;.js-result&#34;), $getvalues = $(&#34;.js-get-values&#34;), from = 0, to = 0; var saveResult = function (data) { from = data.fromNumber; to = data.toNumber; }; var writeResult = function () { var result = &#34;from: &#34; + from + &#34;, to: &#34; + to; $result.html(result); }; $range.ionRangeSlider({ type: &#34;double&#34;, min: 10, max: 50, from: from, to: to, onLoad: function (data) { saveResult(data); writeResult(); }, onChange: saveResult, onFinish: saveResult }); $getvalues.on(&#34;click&#34;, 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 = $(&#34;.js-range-slider&#34;), $result = $(&#34;.js-result&#34;), $getvalues = $(&#34;.js-get-values&#34;), from = 0, to = 0; var saveResult = function (data) { from = data.from; to = data.to; }; var writeResult = function () { var result = &#34;from: &#34; + from + &#34;, to: &#34; + to; $result.html(result); }; $range.ionRangeSlider({ type: &#34;double&#34;, min: 10, max: 50, from: from, to: to, onStart: function (data) { saveResult(data); writeResult(); }, onChange: saveResult, onFinish: saveResult }); $getvalues.on(&#34;click&#34;, writeResult); </code></pre> </answer> <answer tick="false" vote="3"> <pre><code>const range = $(&#39;#range_1&#39;); const rangeData = range.data(&#39;ionRangeSlider&#39;); const start = rangeData.result.from; const max = rangeData.result.max; // rangeData.result[&#39;property&#39;] </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 = $(&#39;.js-range-slider&#39;); slider.ionRangeSlider({ type: &#34;double&#34;, prefix: &#39;$&#39;, grid: true, }); slider.on(&#34;change&#34;, function () { var $inp = $(this); var from = $inp.data(&#34;from&#34;); // get data from attribute var to = $inp.data(&#34;to&#34;); // get data from attribute console.log(from, to); }); </code></pre> <p>Html 标记:</p> <pre><code>&lt;input type=&#34;text&#34; class=&#34;js-range-slider&#34; name=&#34;my_range&#34; value=&#34;&#34; data-min=&#34;100&#34; data-max=&#34;4000&#34; data-from=&#34;1000&#34; data-to=&#34;2000&#34;/&gt; </code></pre> </answer> <answer tick="false" vote="0"> <pre><code>var val = $(&#39;#theSpecificSliderID&#39;).slider(&#39;value&#39;); // Get value &lt;br&gt; $(&#39;#theSpecificSliderID&#39;).slider(&#39;value&#39;, 33); // Set value </code></pre> </answer> <answer tick="false" vote="0"> <p>使用开始、改变或结束超载。我正在使用完成重载并将值更新为 SomeValue 元素。 </p> <pre><code> $(&#34;#Range_1&#34;).ionRangeSlider({ min: 0, max: 100, type: &#39;single&#39;, step: 1, postfix: &#34; %&#34;, prettify: false, hasGrid: true, onFinish: function(data){ var value = data.fromNumber; $(&#34;#SomeValue&#34;).val(value); } }); </code></pre> </answer> <answer tick="false" vote="0"> <p>你可以直接调用.val()(在2.3.1中测试过)</p> <pre><code>var slider = $(&#39;.js-range-slider&#39;); var value = slider.val() </code></pre> </answer> </body></html>

回答 0 投票 0

添加与类或文档中每个锚点的 HREF 属性等效的 onMouseDown 属性

我在获取 onMouseDown 函数时遇到问题,该函数获取每个链接并复制页面中相应锚标记的原始 HREF 属性,并在按下事件时加载 URL。 我们打电话吧...

回答 1 投票 0

如何删除 jQuery DataTables 插件添加的搜索栏和页脚?

我正在使用 jQuery 数据表。 我想删除默认添加到表格中的搜索栏和页脚(显示可见的行数)。我只是想用这个插件来排序,

回答 23 投票 0

jQuery DataTables:隐藏搜索栏

我似乎无法隐藏 DataTables 默认搜索栏。到目前为止,我已经尝试过此线程的解决方案,但是设置 bFilter:false 会完全禁用过滤,所以我在页脚中的搜索框只是......

回答 5 投票 0

按索引从数据表行获取数据

我负责验证当用户单击数据表行、输入一些数据并提交数据时触发的弹出窗口的输入。 我们有一个规则引擎来检查提交的内容

回答 1 投票 0

设置fixedHeader数据表yajra

我需要在 laravel 9.28 中使用 yajra 数据表创建的表中添加固定标题 我还有其他带有参数的表:->fixedHeader(true),当我向下滚动时,我的标题保持在顶部。 在...

回答 1 投票 0

如果产品位于购物车中,则动态更改 WooCommerce 产品单个添加到购物车按钮文本

在 WooCommerce 中,我想在按下“添加到购物车”按钮后将相应产品添加到购物车时更新“添加到购物车”文本。 反之亦然,这样“添加到购物车”...

回答 1 投票 0

Apexchart 在其 javascript 中添加工具提示时不显示 y 轴第二个

通常,我将数据附加到第二个 y 轴,因为数组工作得很好,但不知何故,当我开始将集合附加到数据时,它不再同时显示 2 个 y 轴。 我什至尝试添加...

回答 1 投票 0

确定 html 元素的可见性/真实 z 索引

是否可以确定 html 元素对用户是否可见? 例子 页面有一个带有日期选择器的输入字段。如果用户单击输入字段,则会出现另一个 div,它允许...

回答 4 投票 0

jquery.min.js 和 SessionExpire.js 中违反内容安全策略

我正在我的应用程序中实现 CSP,浏览器显示以下内容违反了 CSP: 1. jquery.min.js:以下行中的内联样式违规 t.insertBefore(e, t.firstChild) ...

回答 1 投票 0

奇怪的 jquery 选择器行为

我在 jQuery 中遇到了一些关于选择器的奇怪行为。 这是我的代码: $("#content").fadeOut(); $("#content").innerHTML = "一些文字"; $("#

回答 1 投票 0

更新 jquery-ui ASP.NET Core MVC

我想更新我的 ASP.NET Core MVC 应用程序中的 jquery-ui.js。我看到该文件位于以下结构中: 这样做的正确方法是什么? 我应该下载文件吗

回答 1 投票 0

通过单击子区域中的按钮关闭模态内联对话框并防止其重新打开

我创建了一个区域,我们将其称为具有静态ID的通知:P1_NOTIFICATIONS,将其模板设置为内联对话框,并添加一个名为row-01的子区域,没有任何静态ID。 row-01 有一个但是...

回答 3 投票 0

doGet(e) 参数未定义

我正在尝试处理 Google Apps 脚本 doGet(e) 方法中的查询参数。我定义了以下简单的 doGet() 函数,该函数根据参数(或缺少

回答 2 投票 0

输入数字字段时移动浏览器上“输入/下一步”键的行为

我这里有一行代码(不涉及表单): 之前,我使用的是 type="text",但是在移动浏览器上,...

回答 2 投票 0

添加 aria-label 并使用 JQuery 附加到外部链接

好的朋友们,我正在尝试获取在新窗口中打开的所有链接,并向它们添加一个 aria-label 属性,其中包含链接文本加上“在新选项卡中打开”。 所以我想采取这个: <...

回答 1 投票 0

根据 Woocommerce 简单产品的自定义字段显示自定义价格

在 Woocommerce 中,我想根据 2 个选定的自定义字段更新基本价格。 在 LoicTheAztec 的帮助下,我可以更新 1 个自定义字段的价格,那么,如何更新 2 个自定义字段呢? PHP...

回答 1 投票 0

jQuery 循环选择语句中的数据并保存预选选项

我有一个管理页面,其中列出了一组不同的汽车,管理员可以点击编辑按钮并更新其中一辆汽车。当这种情况发生时,汽车会被提起......

回答 1 投票 0

在 WooCommerce 中根据数量和产品类别显示产品总价和测量结果

我很抱歉再次将此代码片段带到这里。尽管我正在努力从所获得的帮助中学习,所以我非常感谢这些帮助。 我有一个代码片段来计算 am...

回答 1 投票 0

我有复选框的输入类型,当我执行删除或检索方法时,它可以工作,但页面不会重新加载

在我的 Asp.Net Mvc 项目中,我有复选框类型输入,我使用 jquery 通过它们获取项目的 ID,并使用 ajax 向它们发送控制器。方法有效,但工作后页面...

回答 1 投票 0

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