Question

我有以下javascript代码，它在div中附加一个输入元素。这适用于firefox，chrome和IE9兼容模式，但它在IE9中不起作用。

function add(){
    $(document).ready(function(){
        $(".lbl").append("<div>Bild (400x400px)<br/><input type='file' name='upload[]' id='upload[]' onChange='add()' /><br/>Bild beskrivning:<br/><textarea name='imgdesc[]'></textarea></div>");
    });
}
window.load(add());

这是html代码，其中正在进行追加，它位于表格内部，在表格内部td

<tr><td colspan="2">
    <div class='lbl'></div>
</td></tr>
<tr><td>
    <input type="submit" name="newobject" value="Spara och granska">
</td></tr>
</table>

有关如何在IE9中使用此功能的任何想法？

Answer 1

尝试这样

$(document).ready(function() {
     $(window).load(add());
});

function add() {
    $(".lbl").append("<div>Bild (400x400px)<br/><input type='file' name='upload[]' id='upload[]' onChange='add()' /><br/>Bild beskrivning:<br/><textarea name='imgdesc[]'></textarea></div>");
};

http://jsfiddle.net/sBVam/3/

看起来IE9不支持加载方法，因为下面的错误显示在控制台

中

SCRIPT438：对象不支持属性或方法'load' 显示，第25行第1行

您可以通过使窗口成为jQuery对象来使用jQuery的加载方法。或者您可以使用.onload方法与本机窗口Dom对象..即。 window.onload()

Answer 2

更改此

window.onload = add();

Jquery追加不在IE9中工作，但兼容性？

2 个答案: