Question

我有固定的页脚与一些链接。可以在这里看到

HTML：

 <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>

页脚中的链接很少，例如What is facebook?。当用户点击此链接时，该页面的内容应显示在页面底部。每个链接都类似。

这件事怎么可能？

Answer 1

为了简单起见，加载链接的内容并设置display:none，当用户点击链接集display:block时。像这样

 <ul class="active"><a href="#">What is Facebook?</a></li>
      <li><a href="#about">How does it work?</a>
           <div id="aboutus_content" style="display:none"><?php include 'about-us.php' ?></div>
      </li>
      <li><a href="#contact">Feedback</a>
           <div id="contactus_content" style="display:none"><?php include 'contact-us.php' ?></div>
      </li>
      <li><a href="#contact">Contact us</a>
           <div id="contactus_content" style="display:none"><?php include 'contact-us.php' ?></div>
      </li> 
</ul>

这个jquery函数可以正常工作

$(function(){
    $(ul li).on(click,function(){
        if($(this).css("display")=="block")
                    ;//do nothing
         else
         {
               //find which li display is block (by its ID), set it to none and set current li display to block.
         }
    });
});

单击时向下滚动每个链接的内容

1 个答案: