0

我在名为 Transactions.html 的页面上有以下 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 页面。有任何想法吗？谢谢

4

4 回答 4

1

你可以这样做。您需要一个包装器 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 中检索数据。当您运行此程序并单击“否”链接时，它会导航到摘要页面，您可以在摘要页面 URL 栏上看到 html 值

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

于 2012-11-08T06:33:50.607 回答
0

你不能——这不是网络的运作方式。每个 HTML 页面都是自包含和封装的。

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

于 2012-11-08T05:59:11.410 回答
0

通过使用 html，不可能将数据从一个 html 文件传输到另一个 html 文件。使用 JQuery 执行数据传输通过单击按钮，指定您希望数据显示在哪个 div 或位置，通过使用 Jquery 中的 load()，您可以将另一个页面中的特定数据加载到您的页面

于 2012-11-08T12:09:52.857 回答
0

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

于 2012-11-08T06:52:43.197 回答