代码之家  ›  专栏  ›  技术社区  ›  Entity

jquery在分区之间复制内容

  •  0
  • Entity  · 技术社区  · 14 年前

    我正在开发一个完全基于javascript的网站:您加载该网站,然后所有页面都被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;
            });
    

    但它不起作用!(视图) here )

    那么我如何从 div id="DeathWormPage" 进入之内 div id="pageContent" deathWormButton 点击了吗?

    4 回复  |  直到 14 年前
        1
  •  10
  •   meder omuraliev    14 年前

    jquery对象没有innerhtml属性。

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

    另外,把它放在document ready函数中,或者您引用的是一个不存在的东西。

        2
  •  3
  •   Sarfraz    14 年前

    您可以这样做:

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

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

    后面的方法将获得实际的dom元素,其中 innerHTML 是可用的。

        3
  •  2
  •   windsurf88    14 年前

    这项工作是将一个分区的内容转移到另一个分区…祝你好运

    body               { font-size: 16px; line-height: 2em;}
    .deathWormButton   { border: 2px solid blue; width: 75px; height: 35px; z-index: 200; font-size: 14px; background-color:#00FF33; }
     
    
    
    $(function(){
    $(".deathWormButton").click(
      function () {
        var htmlStr = $("#pageContent").html();
        $("#DeathWormPage").text(htmlStr);
      }
    );
    });
    
     
    
    
    
    DeathWorm 
    
    
    And be one deathWormButton, long I stood  And looked down one as far as I could To where it bent in the undergrowth;
     
    
    
    ok here-- deathworm button please place content here.
     
    
    
        4
  •  2
  •   Max    14 年前

    使用

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

    应该也能用,而且更加简洁/语义化。