Javascript 动态使用SelectToIsLider
我当前的项目从数据库动态创建用户表单。其中一个表定义了应为用户设置问题格式的输入类型。我很难获得一个滑块UI元素来使用这个范例。最初由灯丝集团设计的SelectToUISlider似乎非常适合;但是,当一个页面上有多个元素时,我在JQuery的泛型SELECT元素上调用UDF失败 如果只有一个选择,我没有问题。如果我硬编码要选择的ID标签,我没有问题。但是让它使用^=或|=选择器是完全不成功的 感谢您的帮助Javascript 动态使用SelectToIsLider,javascript,jquery,jquery-ui,dynamic,Javascript,Jquery,Jquery Ui,Dynamic,我当前的项目从数据库动态创建用户表单。其中一个表定义了应为用户设置问题格式的输入类型。我很难获得一个滑块UI元素来使用这个范例。最初由灯丝集团设计的SelectToUISlider似乎非常适合;但是,当一个页面上有多个元素时,我在JQuery的泛型SELECT元素上调用UDF失败 如果只有一个选择,我没有问题。如果我硬编码要选择的ID标签,我没有问题。但是让它使用^=或|=选择器是完全不成功的 感谢您的帮助 $("select[id^='slider']").selectToUISlider()
$("select[id^='slider']").selectToUISlider();
http://jsfiddle.net/wolfphantom/zuvtpnLg/1/
正如您提供的JSFIDLE示例中所述,它正在工作,不是吗 因此,您似乎遇到了一个与动态选择相关的问题,该选择在特定操作之后在运行时填充 因此,如果您想在单个条带上启动SelectToIsLider,您可以执行以下操作:
$(document).find("select[id^='slider']").selectToUISlider();
我创建了一个包含在运行时添加的动态选择的
但是您想为每个select单独实现selectToIsLider,那么为什么不在这些元素上运行循环并单独初始化它呢
$("select[id^='slider']").each(function(){
$(this).selectToUISlider();
});
因此,缺点是,它不能在动态元素上工作,所以在元素添加到DOM后需要初始化这些元素
这是它的基本原理
附言
我对这个插件还不了解,但我希望它能对你有用
关于。当我自己继续研究答案时,我想知道是否有办法使用JQuery工厂来解决我的动态问题。第二个JSFIDLE是我以前尝试过的,但我缺乏JQuery的经验,这意味着我没有得到结果。非常感谢你的帮助。我找到了另一个解决方案,我现在要使用,但很高兴知道我正确地看待它。现在我只需要多练习JQuery。