使用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的

回答

相關問題