如何破坏bootstrap colorpicker?

时间:2015-10-10 10:26:35

标签: javascript jquery twitter-bootstrap color-picker

我在我的逻辑中使用bootstrap colorpicker,如下所示: -

C:\windows\system32>javaw -XX:+PrintFlagsFinal | find "MaxHeapSize"

uintx MaxHeapSize                              := 2122317824      {product}

C:\windows\system32>javaw -XX:+PrintFlagsFinal | find "InitialHeapSize"

uintx InitialHeapSize                          := 132531136       {product}

每次用户在下拉列表中选择一些值时,都会从方法调用上述代码。

问题: 现在,当我打开颜色选择器并通过散焦将其关闭时。我得到警告"隐藏颜色选择器"一次进去。 如果我从下拉列表中选择另一个值,再次触发上面给出的代码,然后再次打开并关闭颜色选择器。我得到警报两次等等。

我的理解: 我的理解是每次触发上面的代码时我都会使用不同的值初始化颜色选择器,因此代码在同一个" .colorPicker"上创建了不同的颜色选择器实例。类元素。所以我需要在初始化一个新的colorPicker之前删除之前创建的colorPicker实例。

我尝试了什么: 我使用下面给定的行作为我方法中的第一行来首先销毁它。但它不起作用。

    for (var i = 0; i < abc.length; i++) {
     if (selectedValue == abc[i].name) {                
        var color = getColor(selectedValue);                
        $('.colorPicker').colorpicker('setValue', color).on(
                            'changeColor', function(ev) {
                                var colorCode = ev.color.toHex();
                                changeColor(colorCode);
                            }).on('hidePicker', function(ev) {
                        alert("Hiding colorpicker");
                    }); 
               }
   }

如何帮助我每次如何销毁颜色选择器,然后在每个方法调用上使用新实例,这样我就可以避免多次警告&#34;隐藏颜色选择器&#34;。

0 个答案:

没有答案