JS - 顏色選擇器只有第一個作品

我使用Bootstrap Colorpicker 2.1以便在窗體中顯示兩個顏色選擇器。但是，當我添加第二個只有第一個正在工作時，一切工作正常。也許是因爲他們共享同一個班級...JS - 顏色選擇器只有第一個作品

任何想法爲什麼會發生這種情況？

<form method="post"> 

<p><?php _e("Box 1: "); ?> 
<input 
class="form-control demo" 
data-horizontal="true" 
id="demo_forceformat" 
placeholder="<?php echo $box1?>" 
type="text" 
name="box1" 
value="<?php echo $box1?>" 
size="20"> 
<?php _e(" Default: rgba(14,112,209,1)"); ?></p> 

<p><?php _e("Box 2 "); ?> 
<input 
class="form-control demo" 
data-horizontal="true" 
id="demo_forceformat" 
placeholder="<?php echo $box2?>" 
type="text" 
name="box2" 
value="<?php echo $box2?>" 
size="20"> 
<?php _e(" Default: rgba(144,112,209,1)"); ?></p>

來源

2015-04-01 SNos

我需要調用使用

$(function(){ 
    $('#demo_forceformat_2').colorpicker({ 
      format: 'rgba', // force this format 
      horizontal: true 
     }); 
});

來源

2015-04-01 17:55:41 SNos

它可能與共享相同的ID有關。

對於頁面上的每個元素，ID應該是唯一的。

更改id="demo_forceformat"到id="demo_forceformat2"，或者甚至更好，具有與name屬性相同的id屬性值。爲表單元素使用相同的id和name值是一個常見的約定。

來源

2015-04-01 17:25:19

謝謝艾倫的功能，我覺得這是問題。然而，如果我改變的id =「demo_forceformat2」仍然無法正常工作，如JavaScript不知道新值 – SNos 2015-04-01 17:27:55

不能真正幫助更多沒有看到一個工作的例子。 jsfiddle或codepen。執行.colorpicker（）方法時，您的JavaScript選擇器可能無法捕獲所有輸入。 – 2015-04-01 17:43:21

JS - 顏色選擇器只有第一個作品

回答

相關問題