jQuery 输入滑块插件无法正常运行

Posted 2023-05-09

【中文标题】jQuery 输入滑块插件无法正常运行

【英文标题】：jQuery Input Slider Plugin not functioning properly

【发布时间】：2012-05-14 19:55:41

【问题描述】：

我正在尝试使用此插件在我的页面上创建一个滑块：http://egorkhmelev.github.com/jslider/

不幸的是，在我的演示页面上，我似乎无法正确创建滑块元素，并且我在控制台中没有收到任何 javascript 错误。

这是我的演示页面：http://nathanmarks.ca/drivvy_demo/search.php

我在 script.js 中调用滑块函数，并尝试在页面上的“优化搜索”框中创建它。

我也尝试制作一个带有滑块的空白页面，但遇到了同样的问题！

我会得到任何帮助，谢谢！我不知道我做错了什么。

【参考方案1】：

您正在尝试从$("#SliderSingle") 元素创建滑块，该元素是<input> 标记。你应该使用<div id="something"></div> 而不是那个。

【讨论】：

这个插件不使用div，它使用输入标签，但现在你提到它我认为它可能与我加载的jqueryUI冲突，因为它们都有slider（）函数！！

哦。这是完全不同的问题。无论如何，当您在 div 上调用 slider() 时，确实会出现一个滑块。

这可能是冲突，我不知道如何从输入标签创建滑块，通常滑块的值写在输入中！

是的，我想要另一个插件，所以我下载了另一个没有滑块小部件的 jqueryUI 版本，现在它工作正常！

如果你查看我在 github 上链接的插件的示例页面，它使用输入标签而不是 div