Question

基本上，我的INC文件夹里面有一个header.php文件。
的header.php

<!DOCTYPE html>

    <html lang="EN">

        <head>

            <title> <?php echo $pageTitle; ?> </title>

            <meta charset="UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1" />

            <!--Boostrap's CDN-->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

            <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
            <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

            <!--Custom CSS Styling-->
            <link rel="stylesheet" href="CSS/custom.css" type="text/css" />

        </head>

        <body onload="Slider();">

            <nav class="navbar navbar-default navbar-static-top">

                <div class="container-fluid">

                    <div class="navbar-header">

                        <a class="navbar-brand" href="index.php"> Vomica </a>

                    </div>

                    <ul class="nav navbar-nav">

                        <li class="<?php if($section == "home") {echo "active";} ?>"> <a href="index.php"> Home </a> </li>
                        <li class="<?php if($section == "buy") {echo "active";} ?>"> <a href="buy.php"> Buy </a> </li>
                        <li class="<?php if($section == "sell") {echo "active";} ?>"> <a href="sell.php"> Sell </a> </li>

                    </ul>

                    <ul class="nav navbar-nav navbar-right">

                        <li class="<?php if($section == "register") {echo "active";} ?>"> <a href="register.php"> Register </a> </li>
                        <li class="<?php if($section == "login") {echo "active";} ?>"> <a href="login.php"> Login </a> </li>
                        <li> <a href="logout.php"> Logout </a> </li>

                    </ul>

                </div>

            </nav>

正如您所看到的，我的头文件有一个正文，这意味着我无法在另一个文件中调用body。所以，一旦主体加载，我想在JQuery中使用一个函数。

我将如何解决这个问题？

我意识到我可以把它放在标题中但是，将该函数调用到不需要它的每个页面都是非常低效的。

Answer 1

您可以使用jquery加载特定页面

$( "#Body" ).load( "ajax/slider.html", function() {
  alert( "Load was performed." );
});

其中Body是身体标签的id，滑块是我们想要在身体上加载的页面

Answer 2

滑块可能只会进入主页，而不会出现在其他页面中。所以你不需要调用Slider（）;功能到body标签。

在<nav>标记后使用此代码或您想在哪里添加滑块

<?php if($pageTitle=="home") { ?> //$pageTitle is some identifier to is this home page ;
  <script type="text/javascript">
      jQuery(document).ready(function($){ 
        Slider(); 
      });
  </script>
<?php } ?>

你可以用这种方式。它可能对你有帮助。

在使用PHP包含文件时，如何正确使用JQuery onload功能？

2 个答案: