在输入字段更改时触发jQuery颜色选择器插件的刷新

我目前正在使用jQuery.click（）方法用简单的颜色十六进制值更新15个文本字段，如document.form1.top_菜单_bgcolor.value='#FFFFFF'

我还使用ExColor for jQuery来显示一个杀手级的颜色选择器

问题在于，当您单击更新字段时，颜色选择器样例不会刷新。

当字段更改时，如何简单地重新激活或刷新样例？我可以在下面的.click函数中调用什么来将样例刷新为新的十六进制字符串，即输入值

以下是JS：

<script type="text/javascript">

    $('document').ready(function() {

        // running ExColor
        $('#my_input_1').modcoder_excolor();
    $('#my_input_2').modcoder_excolor();
    $('#my_input_3').modcoder_excolor();
    $('#my_input_4').modcoder_excolor();
    $('#my_input_5').modcoder_excolor();
    $('#my_input_6').modcoder_excolor();
    $('#my_input_7').modcoder_excolor();
    $('#my_input_8').modcoder_excolor();
    $('#my_input_9').modcoder_excolor();
    $('#my_input_10').modcoder_excolor();
    $('#my_input_11').modcoder_excolor();
    $('#my_input_12').modcoder_excolor();
    $('#my_input_13').modcoder_excolor();
    $('#my_input_14').modcoder_excolor();
    $('#my_input_15').modcoder_excolor();    

        $('#theme01').click(function() {
            document.form1.top_menu_bgcolor.value = '#FFFFFF';
        document.form1.top_menu_bgcolor.focus();
        document.form1.top_menu_fontcolor.value = '#FFFFFF';
        document.form1.top_menu_bghovercolor.value = '#FFFFFF';
        document.form1.top_menu_fonthovercolor.value = '#FFFFFF';
        document.form1.left_menu_bgcolor.value = '#FFFFFF';
        document.form1.left_menu_fontcolor.value = '#FFFFFF';
        document.form1.left_menu_bghovercolor.value = '#FFFFFF';
        document.form1.left_menu_fonthovercolor.value = '#FFFFFF';
        document.form1.left_div_border.value = '#FFFFFF';
        document.form1.site_background_color.value = '#FFFFFF';
        document.form1.header_color.value = '#FFFFFF';
        document.form1.content_header_color.value = '#FFFFFF';
        document.form1.browser_bg_color.value = '#FFFFFF';
        document.form1.footer_color.value = '#FFFFFF';
        document.form1.footer_font_color.value = '#FFFFFF';

        });

</script>

$（'document'）.ready（函数（）{
//跑色
$（'my#u input_1'）。modcoder_excolor（）；
$（'my#u input_2'）。modcoder_excolor（）；
$（'my#u input_3'）。modcoder_excolor（）；
$（'my#u input_4'）。modcoder_excolor（）；
$（'my#u input_5'）。modcoder_excolor（）；
$（'my#u input_6'）。modcoder_excolor（）；
$（'my#u input_7'）。modcoder_excolor（）；
$（'my#u input_8'）。modcoder_excolor（）；
$（'my#u input_9'）。modcoder_excolor（）；
$（'my#u input_10'）。modcoder_excolor（）；
$（'my#u input_11'）。modcoder_excolor（）；
$（'my#u input_12'）。modcoder_excolor（）；
$（'my#u input_13'）。modcoder_excolor（）；
$（'my#u input_14'）。modcoder_excolor（）；
$（'my#u input_15'）。modcoder_excolor（）；
$（'#theme01'）。单击（函数（）{
document.form1.top_菜单_bgcolor.value='#FFFFFF'；
document.form1.top_菜单_bgcolor.focus（）；
document.form1.top_菜单_fontcolor.value='#FFFFFF'；
document.form1.top_菜单_bghovercolor.value='#FFFFFF'；
document.form1.top_菜单_fonthovercolor.value='#FFFFFF'；
document.form1.left_菜单_bgcolor.value='#FFFFFF'；
document.form1.left_菜单_fontcolor.value='#FFFFFF'；
document.form1.left_菜单_bghovercolor.value='#FFFFFF'；
document.form1.left_菜单_fonthovercolor.value='#FFFFFF'；
document.form1.left_div_border.value='#FFFFFF'；
document.form1.site_background_color.value='#FFFFFF'；
document.form1.header_color.value='#FFFFFF'；
document.form1.content_header_color.value='#FFFFFF'；
document.form1.browser_bg_color.value='#FFFFFF'；
document.form1.footer_color.value='#FFFFFF'；
document.form1.footer_font_color.value='#FFFFFF'；
});

还有HTML

<a href="#" id="theme01">Theme 1</a>


<input type="text" ID="my_input_1" name="top_menu_bgcolor" maxlength="7" value="#000000" size="10" />

---

您可以尝试使用类似于：

   <script type="application/javascript">
      $(document).ready(function(){

      $("#theme01").click(function(){
       $("#myinput1").val('#aaafFF');   
       $('#myinput1').click();
       setTimeout( function(){
            $('#c3').blur();
            $('#c3').click();
            $('#c3').blur();}, 
       50);
   return false;
      });

      });
 </script>

然后在html中： 主题1 主题2

我使用两个按钮，延迟的#modcode_ok.click（）以编程方式单击ok按钮以选择并刷新颜色。

---

在我的计算机上，设置超时为50ms太快了，我看不到弹出窗口。可能您需要根据自己的需要进行调整。

您可以尝试使用类似于：

   <script type="application/javascript">
      $(document).ready(function(){

      $("#theme01").click(function(){
       $("#myinput1").val('#aaafFF');   
       $('#myinput1').click();
       setTimeout( function(){
            $('#c3').blur();
            $('#c3').click();
            $('#c3').blur();}, 
       50);
   return false;
      });

      });
 </script>

然后在html中： 主题1 主题2

我使用两个按钮，延迟的#modcode_ok.click（）以编程方式单击ok按钮以选择并刷新颜色。

---

在我的电脑上，设置超时时间为50ms太快了，我看不到弹出窗口。也许你需要根据自己的需要进行调整。

谢谢这确实有帮助…唯一的一点是我看到颜色选择器窗口闪烁得非常快，如果你再次更改主题，它不会关闭颜色选择器。还有其他方法吗？我不确定你的使用情况，但是编辑允许更新值并根据需要更改颜色。谢谢这确实有帮助…唯一的事情是我看到颜色选择器窗口闪烁非常快，如果你再次更改主题，它不会关闭颜色选择器。还有其他方法吗？我不确定你的用例，但编辑允许更新值和颜色选择器随意改变颜色。