2016-04-06 5 views
0

Grundsätzlich habe ich eine Datei header.php in meinem INC-Ordner befindet.
header.phpWie verwenden Sie die JQuery-Onload-Funktion bei der Verwendung von PHP-Include-Dateien richtig?

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

Wie Sie Ich habe einen Körper für meine Header-Datei sehen kann Sinn ich nicht Körper in einer anderen Datei aufrufen können. Also, ich möchte eine Funktion in JQuery, sobald der Körper lädt.

Wie würde ich über die Lösung dieses Problems kommen?

Ich weiß, dass ich das nur in den Header setzen konnte, aber es ist extrem ineffizient, diese Funktion für jede einzelne Seite aufzurufen, die sie nicht benötigt.

Antwort

0

Sie jquery verwenden können bestimmte Seite

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

wo Körper ist id des Body-Tag und Schieber zu laden ist Seite, die wir auf dem Körper zu ladende

0

Slider kommen nur auf der Startseite, nicht auf den anderen Seiten. Sie müssen also den Slider nicht aufrufen(); Funktion in den Body-Tag.

Verwenden Sie diesen Code nach <nav> Tag oder wo möchten Sie Schieber hinzufügen

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

Sie auf diese Weise nutzen können. Es kann dir helfen.

Verwandte Themen