如何将div从一个页面移动到另一个页面？

我有一个名为Transactions.html页上的以下DIV：如何将div从一个页面移动到另一个页面？

<div class = "theListItem" data-role="collapsible-set" data-collapsed="false"> 
    <div data-role="collapsible" data-collapsed="false" data-theme="a"> 
     <h3>$12.62 - 11/01/2012 - Kelloggs Diner - Brooklyn Ny</h3> 
     <div data-role="controlgroup" data-type="horizontal"> 
      <a class= "green" href="categorize.html" data-transition="slide" data-role="button">Yes</a> 
      <a class="red" href="#" data-role="button">No</a> 
      <a class="blue" href="IDK.html" data-transition="slideup" data-role="button">I'm not sure</a> 
     </div> 
    </div> 
</div>

当我点击链接<a>No</a>我想整个DIV移动到另一个Summary.html页。有任何想法吗？谢谢

来源

2012-11-08 Squirrl

一种原始的方式：你可以使用jQuery来禁用你为这个div设置的类的可见性，比如说“theListItem”，然后启用对你为transactions.html上的div设置的类的可见性，比如说“theListItem_summary”。。当然在这两个页面上都有HTML代码。但是，这并不是真正的“动员”它。 – LazerSharks

您是否发现了此问题的解决方案 – Swarne27

你不能 - 这不是网络的工作原理。每个HTML页面都是自包含和封装的。

有些网站，比如Github，使用JavaScript历史API和AJAX做小窍门，使它看起来好像新页面“部分加载”，而实际上它是同一页面。

来源

2012-11-08 05:59:11 Dai

必须有一种方法可以单击一个页面上的链接，而不会影响另一个页面上的链接。例如，点击blue.html上的链接' Blue'，并将canvas.html上的背景颜色从白色更改为蓝色。我怎么做？ – Squirrl

CSS和jQuery。使用$（'class_name'）使用jQ选择类，然后通过追加.css（属性转到此处）更改它的css属性 http://api.jquery.com/css/ – LazerSharks

你可以这样做。您需要有一个wrapper div标签才能选择整个html内容。

<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script> 
<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $('.red').click(function(){ 
      var divData = $('#dataContainer').html(); 
     window.location.href = "summarypage.html?data="+divData+""; 
     }); 
    });    
</script> 

<div id="dataContainer"> 
    <div class = "theListItem" data-role="collapsible-set" data-collapsed="false"> 
     <div data-role="collapsible" data-collapsed="false" data-theme="a"> 
      <h3>$12.62 - 11/01/2012 - Kelloggs Diner - Brooklyn Ny</h3> 
      <div data-role="controlgroup" data-type="horizontal"> 
       <a class= "green" href="categorize.html" data-transition="slide" data-role="button">Yes</a> 
       <a class="red" href="#" data-role="button">No</a> 
       <a class="blue" href="IDK.html" data-transition="slideup" data-role="button">I'm not sure</a> 
      </div> 
     </div> 
    </div> 
</div>

在摘要页面中，您需要从URL中检索数据。当你运行这个，然后点击“否”链接将定位于摘要页面，你可以看到摘要页面地址栏上的HTML值

您可以使用PHP来检索使用<?php echo $_REQUEST['data']; ?>

来源

2012-11-08 06:33:50 Swarne27

你可能需要这个数据使用PHP或服务器端技术来存储数据，并且需要将静态页面完全转换为动态PHP页面，这需要大量工作。

来源

2012-11-08 06:52:43

通过使用html，不可能将数据从一个html文件传输到另一个html文件。使用JQuery执行数据传输通过使用jquery中的load（），您可以将另一页中的特定数据加载到您的页面上，通过点击按钮，speficy在其中显示数据的div或位置，

来源

2012-11-08 12:09:52 surendra

如何将div从一个页面移动到另一个页面？

回答

相关问题