代码之家  ›  专栏  ›  技术社区  ›  Scott

document.ready被多次调用

  •  1
  • Scott  · 技术社区  · 16 年前

    <?php
        $this->render("header.php");
    ?>
    
    my about us page
    
    <?php
      $this->render("footer.php");
    ?>
    

    这只是执行include()的一种花哨方式。然而,header.php有一些javascript可以通过jquery框架在document.ready上运行,需要header的页面也是如此。所以你有这样的东西

    <?php
        $this->render("header.php"); // has its own $(document).ready
    ?>
    <script type="text/javascript">
         $(document).ready(function(){
              console.log("test");
         });
     </script>
    my about us page
    
    <?php
      $this->render("footer.php");
    ?>
    

    测试

    <script type="text/javascript">
         $(document).ready(function(){
              // do some javascript like highlighting 
              // form elements with specific classes
         });
    </script>
      display header here 
    
    <script type="text/javascript">
         $(document).ready(function(){
              console.log("test");
         });
     </script>
    my about us page
    
    display footer
    
    2 回复  |  直到 16 年前
        1
  •  1
  •   Sam C    16 年前

        2
  •  1
  •   Jiaaro    16 年前

    <html>
    <head>
      <title>test</title>
    </head>
    <body>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
         $(document).ready(function(){
              // do some javascript like highlighting 
              // form elements with specific classes
          $('.some-element').css('background', '#eec');
         });
    </script>
    
    display header here 
    
    <script type="text/javascript">
         $(document).ready(function() {
              $('body').append("<p>test</p>");
         });
     </script>
    
    <p class='some-element'>
    my about us page
    display footer
    </p>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    </body>
    </html>