jquery.append 不适用于具有 id 的 div，但适用于正文？答案

【问题标题】：jquery.append not working for div with id, but working for body?jquery.append 不适用于具有 id 的 div，但适用于正文？
【发布时间】：2011-03-21 06:17:13
【问题描述】：

我正在尝试通过 jquery 在 html 页面中附加 VLC 播放器。我可以用 $("body").append(html) 做到这一点，但不能用 $("#VideoPlayer").append(html)...这个 html 是不是太复杂了？

jQuery:

    $("body").append("<object classid=\"clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921\" codebase=\"http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab\" width=\"1280\" height=\"720\" id=\"vlc\" events=\"true\">" +
        "<param name=\"src\" value=\"rtsp://myStreamingStuff\"/>" +
        "<param name=\"showdisplay\" value=\"true\"/>" +
        "<param name=\"autoloop\" value=\"no\"/>" +
        "<param name=\"autoplay\" value=\"true\"/>" +
        "<embed type=\"application/x-google-vlc-plugin\" name=\"vlcfirefox\" autoplay=\"true\" loop=\"no\" width=\"1280\" height=\"720\" src=\"rtsp://myStreamingStuff\"></embed></object>"
    );

HTML

<body>
    <div id="VideoPlayer">

    </div>
</body>

我也试过 $("#VideoPlayer").html(html) 和 $("#VideoPlayer").add(html) 也没有运气。

【问题讨论】：

标签： jquery html embed vlc

【解决方案1】：

啊，我发现了我的问题。

我需要将我的 .append(html) 调用包装在 jquery onload 函数中，如下所示：

$(function () {
$("#VideoPlayer").append("<object classid=\"clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921\" codebase=\"http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab\" width=\"1280\" height=\"720\" id=\"vlc\" events=\"true\">" +
    "<param name=\"src\" value=\"rtsp://myStreamingStuff\"/>" +
    "<param name=\"showdisplay\" value=\"true\"/>" +
    "<param name=\"autoloop\" value=\"no\"/>" +
    "<param name=\"autoplay\" value=\"true\"/>" +
    "<embed type=\"application/x-google-vlc-plugin\" name=\"vlcfirefox\" autoplay=\"true\" loop=\"no\" width=\"1280\" height=\"720\" src=\"rtsp://myStreamingStuff\"></embed></object>"
);
});

【讨论】：