использование палитры цветов спектра с новыми элементами

Я использую средство выбора цвета спектра http://bgrins.github.io/spectrum/, проблема в том, что я добавить новые элементы из html файла

field_constructor.html

    <div id="constructor">
    <div class="label_constructor">
    <div class="label_text"><label>label:</label><input type="text"/></div> 
    <div class="label_backcolor"><label> backcolor :</label><input type="text" maxlength="6" size="6" class="colorpicker" value="000000" /></div>
    <div class="label_textcolor" ><label>textcolor:</label><input type="text" maxlength="6" size="6" class="colorpicker" value="000000" /></div>

код jquery

      $($champdiv).load("field_constructor.html #constructor");
      $("#form_content").prepend($champdiv);

и код jquery не будет работать, пока я вручную не запущу некоторые события, такие как

        $("body").on("mouseover",function(){

        $(".colorpicker").spectrum({
       color: "#f00"
       }); 
       });

или события ручного запуска, я пробовал много решений, таких как события ручного запуска, но единственное событие, которое работает, - это наведение мыши на тело или щелчок по полю с тем же классом, созданным таким образом.

 $input=$('<input type="text" maxlength="6" size="6" class="colorpicker"  value="000000" />');

и это будет очень тяжело для браузера, пожалуйста, помогите мне с этим, я не могу найти хорошее решение


javascript color-picker jquery dom append
person user2334541    schedule 30.04.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Взгляните на документацию по функции загрузки jQuery: http://api.jquery.com/load/. Вы можете передать обратный вызов, который сработает после завершения загрузки, и оттуда вы сможете инициализировать палитру цветов (и только те, которые находятся в контейнере результатов):

$('#result').load("field_constructor.html #constructor", function() {
   $("#result .colorpicker").spectrum({
       color: "#f00"
   }); 
});
person Brian Grinstead    schedule 30.04.2013
comment
Вы, сэр, только что спасли мне жизнь. Большое спасибо. - person Sabir Hussain; 06.03.2020