Question

大家好日子。

我有这个jQuery脚本，嵌套的 appendTo / replaceWith 不能按预期工作。我将展示两个脚本。第一部作品，第二部作品没有。

我知道这是一个奇怪的场景，但是，我想知道这个脚本无效的原因。

这有效（火警）：

<html>
<head>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
    <div>
        <p>stuff</p>
        <script>$("#somediv").replaceWith($("#somediv2"));alert("hi!");</script>
        <div id="somediv"></div>
    </div>
    <div id="somediv2">
        <p>more stuff</p>
        <script>alert("bye!");</script>
    </div>
</body>

这不起作用（不会发出警报）：

<html>
<head>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>
    <script>
        $(document).ready(function(){

            var html = 
            '<div>' + 
            '<p>stuff</p>' + 
            '<script>$("#somediv").replaceWith($("#somediv2"));alert("hi!");<\/script>' +
            '<div id="somediv"></div>' +
            '</div>' +
            '<div id="somediv2">' +
            '<p>more stuff</p>' +
            '<script>alert("bye!");<\/script>' +
            '</div>';

            $(html).appendTo(document.body);

        });
    </script>
</head>
<body></body>

非常感谢你的帮助。

jQuery - 嵌套的appendTo / replaceWith奇怪的行为

0 个答案: