如何在主php页面包含子php页面后运行JQuery

时间:2014-07-11 00:01:20

标签: javascript php jquery html

我正在构建我的网站,在主要的PHP页面中,我有这样的东西:

...
<a class="aboutMe" href="?section=aboutMe"></a>
<a class="network" href="?section=network"></a>
<a class="map" href="?section=map"></a>
...

如果有人点击上面的任何链接,在同一页面中,PHP将执行此操作:

<?php
if(array_key_exists ("section", $_REQUEST)) {
  if($_REQUEST["section"] == "aboutMe") {
    include(app_path().'/views/about-me.blade.php');
  } 
  else if($_REQUEST["section"] == "network") {
    include(app_path().'/views/network/index.php');
  } 
  else if($_REQUEST["section"] == "map") {
    include(app_path().'/views/my-trace.php');
  }  
}
?>

子页面在道路之后,它被放置在主页面下方,我想让它自动向下滚动到关节部分,这样用户就可以立即看到子页面,如下所示:

<main page>
       <- scroll to here
<sub page>

这听起来并不困难,而且我已经编写了一些jQuery来完成这项工作。然而整个页面在包含之后被刷新,并且jQuery在新鲜之前运行。我怎么能解决这个问题?

或者是否可以包含子页面而不刷新整个页面?这将是一种优选的解决方案。非常感谢提前!

1 个答案:

答案 0 :(得分:0)

PHP在服务器上运行。它向用户的浏览器发送响应,然后javascript在浏览器中运行。如果要在发送响应后执行更多PHP代码,则用户必须向服务器发送另一个请求并获得新响应。您可以在不使用ajax重新加载页面的情况下执行此操作:http://learn.jquery.com/ajax/

或者,如果只有三个不同的页面,您可以在初始响应中包含所有三个页面的html代码。然后只需使用javascript来更改可见内容。