使用标记替换div

我的网站有两个页面都有超链接，但当用户点击该超链接时，我只需要该页面的某个div替换为其他页面上的某个div，请指导我如何对其进行编程。使用标记替换div

结构

page1.html

page2.html

<div id="no_replace"> 
    <a href="page1.html">page 1</a> 
    <div id="replace"> 
    //page two stuff 
    </div> 
</div>

这样一个当USR点击链接页 “两页” 上

...我想要的“取代'第一页的div被'替换'page2.html的div替换，并且应该淡入和淡出

来源

2011-07-20 user840175

[使用标签来代替的div]的可能重复（http://stackoverflow.com/questions/6766563/using-a-tag-to-replace-尝试此div） – Neal

使用load（）方法。

$('a').click(function(){ 
    $('div').load($(this).attr('href')); 
});

来源

2011-07-20 20:31:28

fadein淡出？ – user840175

如果你想要它淡入淡出，你会将div的display属性设置为'none'，或者你可以使用.fadeOut（）.load（[ABOVE CODE]）。fadeIn（）; –

首先给你的链接一个id或class。我要叫它.loadpage

$('a.loadpage').click(function(e){ 
    e.preventDefault(); 
    var div = $('#replace'); 
    div.fadeOut(300).load($(this).attr('href'), function(){ div.fadeIn(300); }); 
});

首先，你需要做e.preventDefault()阻止链接的默认行为。然后，您需要使用load()方法来引入您尝试加载的页面内容。

来源

2011-07-20 20:32:54 Jason

淡出和淡出？ – user840175

在Page1.html

$(function(){ 
    $("a").click(function(){ 
    $.get({url:"page2.html", 
      success: function(data){ 
      $("#replace").html($("#replace", $(data)).html()); 
    } 
    }); 
    }); 
});

来源

2011-07-20 20:33:15 ShankarSangoli

使用标记替换div

回答

相关问题