Question

是否可以在第一页点击功能中打开第二页特定div内容，我需要打开特定的div内容，只有所有其他div都隐藏

这是我的第一页点击功能：

function quiz(){
            $("#secondlist").show();
            window.location = "second.jsp"


        }

这是我的清单：

<div id="sample" class="content" style="display: none">
<ul class="tabs">
<li id="tab4"><a href="javascript:quiz()">Quiz</a></li>
</ui></div>

和第二页div：

<div id="secondlist" style="display: none">
<h3>sample</h3>                         
</div>

你能帮助任何人：

Answer 1

当您更改窗口位置时，您将清除该页面。

取而代之的是

function quiz(){
  $("#sample").load("second.jsp #secondlist",function(){
    $(#secondlist").show();
  }); 
}

替代方案是这样（但是然后显示=无需删除）

window.location="second.jsp#secondlist"; // note the lack of space before #

最后请更改

<li id="tab4"><a href="javascript:quiz()">Quiz</a></li>

到

<li id="tab4"><a id="quiz" href="second.jsp#secondlist">Quiz</a></li>

和代码

$(function() {
  $("#quiz").on("click",function(e) { 
    e.preventDefault(); // stop the link from changing page
    var href = this.href.split("#"), fragment = href[0]+" #"+href[1];
    $("#sample").load(fragment,function(){
      $(#secondlist").show();
    }); 
  }); 
});

如何在第一页单击功能中打开第二页div

1 个答案: