如何將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從一個頁面移動到另一個頁面？

回答

相關問題