JS-颜色选择器只有第一个工作
JS - Color Picker Only first one works
我使用Bootstrap Colorpicker 2.1在一个窗体中显示两个颜色选择器。使用一个输入,一切都很好,然而,当我添加第二个输入时,只有第一个输入有效。也许是因为他们共享同一个类…
知道为什么会发生这种事吗?
<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>
这可能与共享相同的id有关。
id对于页面上的每个元素都应该是唯一的。
将id="demo_forceformat"
更改为id="demo_forceformat2"
,甚至更好,使id属性的值与name属性的值相同。对表单元素使用相同的id和name值是一种常见的约定。
我需要使用调用函数
$(function(){
$('#demo_forceformat_2').colorpicker({
format: 'rgba', // force this format
horizontal: true
});
});
相关文章:
- 为什么不'在JQuery中找到第二个css选择器的工作
- JS-颜色选择器只有第一个工作
- Javascript两个日期选择器冲突
- 从第一个日期选择器定义第二个日期选择器的开始日期
- 如何在一个页面上使用多个日期选择器
- (Angular+Bootstrap)如何阻止两个日期选择器被同一按钮打开
- 更改第二个日期时的第一个日期选择器将自动更改一年
- 根据角度日期选取器中的第一个日期选取器更改第二个日期选取器中的月份
- 我在一页上有两个简单的javascript幻灯片,但第二个停止了第一个工作
- 创建多个 jQuery 选择器
- jQuery + Boostrap DatePicker:如何让两个日期选择器输入相互更新
- 为什么日期选择器在自动打开第二个日期选择器上第一次更改月份时显示同月
- 如何计算两个日期选择器之间的差异
- 使用多个命名选择器合并 jQuery 函数
- 带有jQuery Mobile的多个条件选择器
- 我如何采用两个日期选择器并使用我的开始和结束日期对数据进行排序,但 json 数据包含 5/12/2016,而角度仅排序
- 多个日期选择器不工作
- 对于2个日期,我需要根据第一个日期选择来阻止第二个日期的日期选择器选项
- 如何让多个日期选择器与altFields一起工作
- 引导时间选择器只选择第一个时间选择器元素