0

私は完全にJavascriptベースになりたいWebサイトに取り組んでいます。Webサイトをロードすると、すべてのページがJavascriptによってプルされます。

だから私はここに私が持っているものがあります：

    <span id="deathWormButton">Death Worm</span>
    <div id="pageContent">
        <p>Thanks for taking the time to view my portfolio!</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
    </div>
    <div id="DeathWormPage" class="page">
        <p>Thanks for taking the time to view my portfolio!</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
    </div>

そしてこれが私のjQueryです：

        $(document).ready(function()
        {
            $(".page").hide();
        });
        $("#deathWormButton").click(function()
        {
            $("#pageContent").innerHTML = $("#DeathWormPage").innerHTML;
        });

しかし、それは機能しません！（ここを表示）

では、がクリックdiv id="DeathWormPage"されdiv id="pageContent"たときにコンテンツをにコピーするにはどうすればよいですか？deathWormButton

4

4 に答える 4

10

jqueryオブジェクトにはinnerHTMLプロパティがありません。

$(document).ready(function () {
    $(".page").hide();

    $("#deathWormButton").click(function () {
        $("#pageContent").html($("#DeathWormPage").html())
    })
});

また、ドキュメントレディ関数内に配置するか、存在しないものを参照しています。

于 2010-11-05T18:56:55.137 に答える
3

次のいずれかを実行できます。

$("#pageContent").html($("#DeathWormPage").html())

または

$("#pageContent")[0].innerHTML = $("#DeathWormPage")[0].innerHTML;

後者のアプローチでは、使用可能な実際のDOM要素を取得しますinnerHTML。

于 2010-11-05T18:58:12.877 に答える
2

これは、あるdivのコンテンツを別のdivに転送するために機能します...頑張ってください

body {font-size：16px; 行の高さ：2em;}
.deathWormButton {border：2px solid blue; 幅：75px; 高さ：35px; z-index：200; フォントサイズ：14px; 背景色：＃00FF33; }
 


$（function（）{
$（ "。deathWormButton"）。click（
  働き （） {
    var htmlStr = $（ "＃pageContent"）。html（）;
    $（ "＃DeathWormPage"）。text（htmlStr）;
  }
）;
}）;

 



デスワーム


そして、1つのdeathWormButtonになりましょう。長い間、私は立っていて、可能な限り1つを見下ろしました。
 


ここでOK-デスワームボタンここにコンテンツを配置してください。
于 2010-11-05T19:48:00.643 に答える
2

使用する

$("#pageContent").replaceWith($("#DeathWormPage"));

同様に機能するはずであり、もう少し簡潔/意味論的です。

于 2010-11-05T21:06:07.347 に答える