1

まず、Can't append <script> elementを読みました。それを読んだ後、それが言ったことを利用して、別の問題に到達しました:はい、スクリプトタグを挿入する方法を示しましたページの残りの部分を消去します。

jQuery を使用して、カウンター タイマー スクリプトを追加します。id="counter" 段落の直後に、その場所に「カウンター」を挿入します。したがって、このコードの代わりに:

<body>

<p> beginning of site</p>

<table id="timer_table">
    <tbody>
        <tr>
            <td>
                <p id="counter"  style="color: red;"> Here's the counter: </p>

            </td>
        </tr>
    </tbody>
</table>

<p> rest of site...</p>

</body>

私はこのコードを取得します：

<body>

<p> beginning of site</p>

<table id="timer_table">
    <tbody>
        <tr>
            <td>
                <p id="counter"  style="color: red;"> Here's the counter: </p>
                <script>
                    var myCountdown1 = new Countdown({time:316});
                </script>
            </td>
        </tr>
    </tbody>
</table>

<p> rest of site...</p>

</body>

スクリプトが追加された場所には、新しいカウントダウンが表示されます。私はfirebugコンソールを使用してそれを行います、私はこれを実行しています:

var script   = document.createElement("script");
script.type  = "text/javascript";
script.src   = "js_folder/js1.js";
$('#counter').after(script);

js1.js は単純に次のとおりです。

var myCountdown1 = new Countdown({time:316});

旨く動きません。この結果を得る代わりに: http://bit.ly/19Ve9oM 私はこれを得る: http://postimg.org/image/np8y4spbx/

そして、ページのソースを確認しようとすると、何も得られません。

要約すると: id="counter" 段落の直後にカウントダウンを挿入するためにjqueryを使用する方法は? 元の html にこの行が既に記述されているかのように機能します。

また、ページの html ソースにアクセスできません。もし私が持っていれば、最初の写真のリンクに示されているように、自分で追加するとうまくいきます. したがって、Jquery を使用する必要があります。

あなたはここで自分自身を試すことができます（試すために2番目のリンクを使用してください）：
これは私が欲しいものです：http://jsfiddle.net/JxLwM/
しかし、jqueryでそれを行う：http://jsfiddle.net/F5rwK/5/
注、 2番目のリンクで、入れてみてください

var myCountdown1 = new Countdown({time:316});

ss1 で、何が起こるか見てみましょう。ありがとうございました。

4

2 に答える 2