javascript - 为什么 onload="function" 有效而 jquery.load 无效？

Question

我正在将 SVG 文件加载到 a <object>，我现在的一个问题是弄清楚为什么里面的属性<object onload="function" />有效，但obj.load(function(){});没有

它们不同吗？加载只能在图像和正文中执行？

谢谢

编辑：这是代码的一部分：

var cont = $('<div class="file" >'+file.file_name+'</div>'); 

        var render = $('<object id="file_'+file.id+'" data="/while1/pcbsfiles/view/'+file.id+'" type="image/svg+xml"/></object>');
        cont.append(render);
        render.css('visibility', 'hidden');

        cont.load(function(){
            //
            render.removeClass('position');
            render.removeClass('left');
            alert("aaaaaa");
            render.fadeIn();
        });

我也试过cont.load了render.load$('#file_'+file.id).load

Answer 1

我相信 .load 声明需要在您创建对象之后直接声明，然后再将其附加到另一个对象。我无法具体说明原因，但我之前遇到过类似的问题。

尝试更多类似的东西：

var cont = $('<div class="file">'+file.file_name+'</div>');
$(cont).load(function(){
    var $render = $(render);
    $render.removeClass('position');
    $render.removeClass('left');
    alert("aaaaaa");
    $render.fadeIn();
});

var render = $('<object></object>');
$(render).attr('id', 'file_'+file.id)
    .attr('data', '/wihlte1/pcbsfiles/view/'+fild.id)
    .attr('type', 'image/svg+xml')
    .css('display', 'none');
$(cont).append(render);