Question

我已经动态地为div和图像添加了类和id，这样它工作正常原始代码是：从 image-picker.js

中的第274行开始

ImagePickerOption.prototype.create_node = function() {
      var image, thumbnail;
      this.node = jQuery("<li/>");
      image = jQuery("<img class='image_picker_image'/>");
      image.attr("src", this.option.data("img-src"));
      thumbnail = jQuery("<div class='thumbnail'>");
      thumbnail.click({
        option: this
      }, function(event) {
        return event.data.option.clicked();
});

我编辑的代码是：

ImagePickerOption.prototype.create_node = function() {
      var image, thumbnail;
      this.node = jQuery("<li/>");
      image = jQuery("<img class='image_picker_image'/>");
      image.attr("src", this.option.data("img-src"));
      thumbnail = jQuery("<div class='thumbnail mask' id='"+this.option.data("value")+"' onclick=changeImage('"+this.option.data("img-src")+"','"+this.option.data("value")+"');>   ");
      thumbnail.click({
        option: this
      }, function(event) {
        return event.data.option.clicked();
});

我想在 image-picker.js 中添加一个类id到li标记，第123行：

container.append(jQuery("<li class='group_title'>" + 
(option_group.attr("label")) + "</li>"));

但它没有被添加，甚至我也看不到它们添加的默认类在html中没有添加。那么请你建议我如何在这里添加一些类，所以它必须像html一样添加到HTML中

container.append(jQuery("<li class='group_title some_class'>" +   
(option_group.attr("label")) + "</li>"));

Answer 1

尝试在创建元素时添加，如下所示：

ImagePickerOption.prototype.create_node = function() {
      var image, thumbnail;
      this.node = jQuery("<li/>", {
           class: 'yourclassnamehere',//here add your class
           id:'someid' //note: this should be unique
      }); 
      image = jQuery("<img class='image_picker_image'/>");
      image.attr("src", this.option.data("img-src"));
      thumbnail = jQuery("<div class='thumbnail'>");
      thumbnail.click({
        option: this
      }, function(event) {
        return event.data.option.clicked();
      }
);

如何在Imagepicker.js中动态地将类添加到列表标记<li>。

1 个答案: