Question

我创建了固定的页眉和页脚。当用户点击页脚或标题中的链接时，应显示该页面的内容。

在这里，我得到了各种风格但无法使用它：Page dispaly styles

以下是我演示的链接：Codepan demp

以下是4个链接的页脚代码：

<ul class="nav navbar-nav">     
    <li class="active"><a href="#">What is Facebook?</a></li>
    <li><a href="#about">How does it work?</a></li>
    <li><a href="#contact">Feedback</a></li>
    <li><a href="#contact">Contact us</a></li>                            
</ul>

此页脚和标题应保持固定。当用户点击链接时，该页面的内容应该在没有页面加载的情况下出现。

现在考虑每个可点击链接页面上的黑色空间。

Answer 1

嘿伙计你可以这样试试

JS CODE：

$('.nav navbar-nav li a').on('click',function(){
   var pageName=$(this).html();
   $.ajax({
     url: "target.php", // the page were the target page is generated based on the input data
     data: {page:pageName}, //pagename to be displayed
 success:function (data){
    $('#Result').html (data); //add the data returned for footer option
  }
   });

});

服务器脚本可以是aspx，php或任何您觉得轻松使用的东西。

快乐编码：）

单击链接时显示页面的隐藏内容

1 个答案: