Question

我有这样的锚标记：

   <a href="secondPage.html" id="seeVid">
        <div class="box" style="margin-top:100px;" id="bee">
            <center><h2>Java</h2></center>
            <center><p>Hello paragraph for .</p></center>
        </div></a>

当我点击它时，我想转到我的第二页并在该div中添加一个段落如何在这里实现这个我的jquery但它似乎不起作用？

$(document).ready(function(){

    $("a#seeVid").click(function(){

        $('div.allVid').append("<p>Second Paragraph</p>");     

    });           
});

在这里，我试图看到我的锚点标签“idVid”被点击后，然后我在我的第二页中使用“allVid”类进入我的div，我想附加一个段落，但这不是工作

Answer 1

你不能这样做。当第二页加载来自第一页的所有javascript不再存在也不会执行。

您可以在单击锚点时执行javascript函数，并将该函数重定向到URL，添加您要发送的某些数据的查询字符串参数，然后在第2页加载中，您可以执行javascript函数来检索查询字符串参数并用它们做一些操作。您可以在此处阅读如何使用javascript重定向到新网址：How to redirect to another webpage in JavaScript/jQuery?以及如何在此处检索查询参数：jquery get querystring from URL

Answer 2

如果锚标记指向新页面，您将无法附加div。您需要将文本作为查询字符串发送到新页面，然后使用javascript追加到新呈现的html中

或

最好还是设置一个localStorage变量，并在新页面脚本中检查localStorage是否为空，如果不是，请附加它以使其包含在新页面中

有关本地存储的更多信息：

W3School Explanation

A nice blog on it

锚点标记点击后如何运行jquery？

2 个答案: