javascript - mootools 注入(inject)函数

Question

我有这样的 crate :

   new Element('span', {'class': 'file-img', 'html': 'Image'})

我想给它注入(inject)图像:

  var my_img = new Element ('img' , {'src' :'uploading/abc.jpg' , 
   'style' : 'width:50px; text-align:left' }).inject(file-img, 'top') ;

它不工作。

感谢您的帮助。

Answer 1

这会起作用(mt 1.2+):

new Element('span', {
    'class': 'file-img'
}).inject($(document.body)).adopt(new Element("img", {
    'src' :'uploading/abc.jpg',
    styles: {
        width: 50,
        textAlign: "left"
    }
});

但是如果您尝试使用 file-img 作为对您创建的 span 的 CSS 类的引用，那么您需要使用 document.getElement("span.file-img") 作为您的目标容器。并且 - 不要在类名中使用 - ，如果你能帮忙的话。请改用 _，- 表示减法，可能会对 CSS 选择器产生影响。

另一种方法是将它分配给一个变量

例如，

var file_img = new Element("span" ... );
... 
someObj.inject(file_img);