Question

为了便于理解，我创建了三个小提琴：

index.html - Index Fiddle

helpFiles.html - Help Fiddle

products.html - Products

Index.html中的

当我点击Products read more链接时，它应该会打开helpFiles.html页面（最初helpFiles.html不包含主ID为＃34的数据;＃helpFiles＆＃34 ;）Products.html页面内容应插入#helpFiles div。

请帮我拿出示例代码并抱歉我的英文。

Answer 1

尝试 localStorage

localStorage对象存储没有过期日期的数据。当浏览器关闭时，数据不会被删除，并且可以在第二天，一周或一年中使用。

在 index.html 中，您可以替换

<a href="HelpFiles.html" class="readMore">Read more...</a>

带

<a href="HelpFiles.html?page=products" class="readMore">Read more...</a>

在此页面顶部添加此脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".itemContent .readMore").click(function(){
        var imgName = $(this).parent().parent().find("img").attr("src");
        url = $(this).attr("href"); //Gets the url from the anchor tag clicked
        var page = url.split("?page=");
        localStorage.setItem("pageName", page[1]);
        localStorage.setItem("imageName", imgName);
    });
 });
</script>

在 helpfiles.html 中，您必须在顶部添加以下脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
       var pageName = localStorage.getItem("pageName"); 
       var imagepath =localStorage.getItem("imageName");
       $("#helpFiles").load(pageName+".html"); 
});
</script>

希望这可能会给你一个想法伴侣.. :)

<强> FYI

localStorage

load()

jquery ajax将链接页面打开到另一个页面

1 个答案: