2009-10-14 42 views
2

我有跨度,我箱子是這樣的:mootools的注入功能

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

我要注入圖像到它:

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

它不工作。

感謝您的幫助。

回答

3

這會工作(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" 
    } 
}); 

,但如果你要使用的文件IMG作爲對CSS類的一個參考您創建的跨度,那麼您需要使用document.getElement(「span.file-img」)作爲目標容器。並且 - 不要在類名中使用 - 如果可以幫助的話。使用_來代替 - 意味着減法並可能對CSS選擇器有影響。

另一種方式來做到這一點是將其分配給一個變量

例如,

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

什麼是file-img?它看起來像一個變量,但實際上它試圖從文件中減去img ...看起來像錯誤在那裏。變量不能有自己的名字劃在JavaScript