Question

我目前正在尝试从html标记后的元素标记中获取值我的java脚本代码更新了“main”，将html值包含在另一个php文件中。

  <main> 
       <?php include 'index.php'; ?>
  </main>

     <div id="footer">
     </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="homepage_J.js"></script>
    <!--<script type="text/javascript" src="homepage_A.js"></script>-->

    </body>
  </html>

以上是我的php文件中包含html正文的相关部分。我的java脚本代码应该更改标记的当前值，然后扫描以获取新加载文件的某些值。

这是javascript。

 $(document).ready(function(){

 $(window).on('hashchange', function(){
     var pageHash = window.location.hash.substring(1);
     console.log("page hash: "+pageHash);

     if( pageHash.length==0){
        pageHash = "index";
      }

     $('main').load(pageHash + ".php", pageFunctions() );
  });  

  $("nav a").on('click', function(event){
      event.preventDefault();
      var page = $(this).attr("href");
      console.log("Loading " + page);
      window.location.hash = formatForHash(page);
      $('main').load(page, pageFunctions());

  });



  $(window).trigger('hashchange',pageFunctions());


});




function pageFunctions() {
    var current_page =  $("#page").text(); //checks to see which file called the javascript



       // Switch case that will load appropriate function based on the file loaded(homepage)
  switch(current_page){
      case "INDEX":
               console.log("HOME loaded");
               break;
      case "INBOX":
               console.log("INBOX loaded");
               break;
      case "REGISTRATION":
              console.log("REGIS loaded");
              break;
      case "COMPOSE":
              compose();
              console.log("compose loaded");
              break;
      default:
              console.log("ERROR IN :" + current_page );
              break;
  }
}

function formatForHash (page)
{
   var hash = page.split('.');
   return hash[0];
}

控制台日志用于帮助我调试代码。而我从中获得的是javascript将元素从前一个加载返回到main而不是加载到它的当前值（我看到的不是我得到的）。

因此 var current_page 中的值不是我当前所在的页面。它不对应。所以，如果我从索引中离开以构成其中的值是“索引”，那么尊敬将给我一个“compose”的值。

所以我的问题是如何在加载之前或之后获取页面上当前元素的值。

对于冗长的帖子感到抱歉，希望我给它足够的细节。

Answer 1

$('main').load(page, pageFunctions());

您正在立即执行pageFunction而不是将其作为回调。取消()，以便在加载完成时将其用作回调。

尝试在更新后从标记中获取元素

1 个答案: