使用Farbtastic带班，而不是ID的

我有：使用Farbtastic带班，而不是ID的

<input type="text" id="color1" value="<?php echo get_option('color1'); ?>" name="color_picker_color1" /><div class="farbtastic_color_picker"></div> 
<input type="text" id="color2" value="<?php echo get_option('color2'); ?>" name="color_picker_color2" /><div class="farbtastic_color_picker"></div>

有：

<script type="text/javascript"> 
    jQuery('.farbtastic_color_picker').hide(); 
    jQuery('.farbtastic_color_picker').farbtastic("#color1"); 
    jQuery("#color1").click(function(){jQuery('.farbtastic_color_picker').slideToggle()}); 
</script>

什么我需要在脚本部分改变，所以我没有重复代码？现在它只用于＃color1的文本iput。我想使用多个＃的代码（color1，color2，color3等）。

来源

2011-09-09 Maarten

可以使用Attribute Starts With Selector：

jQuery('input[name^="color_picker_color"]')

来源

2011-09-09 12:06:16 kalyfe

你能告诉我如何在 <脚本类型= “文/ JavaScript的”> 的jQuery（ 'farbtastic_color_picker。'）使用这个隐藏（）; jQuery（'。farbtastic_color_picker'）。farbtastic（“＃color1”）; jQuery的（ “颜色1＃”）点击（函数（）{jQuery的（ 'farbtastic_color_picker。'）的slideToggle（）}）。 – Maarten

当然：用'的jQuery（ '输入[名称^ = “color_picker_color”]'）取代'的jQuery（ “＃颜色1”）'' – kalyfe

感谢您的帮助 – Maarten

使用Farbtastic带班，而不是ID的

回答

相关问题