jQuery Load方法調用頁面時，插件不起作用

Question

我有一個名為index.php的頁面，此頁面只是一個菜單和一個ID為index_work的div。 單擊菜單中的任何項目時，我將使用load方法加載第二個名為relatorios.php的頁面。

頁面relatorios.php使用了一個插件，即jquery datepicker。 這是兩個頁面上的一些代碼：

index.php：

<ul class="sidebar-nav">
  <li class="sidebar-brand">
    <a href="#"> Menu Title </a>
  </li>
  <li>
    <a href="#" id="linkInformativos">Informativos</a>
  </li>
  <li>
    <a href="#" id="linkRelatorios"> Relatórios </a>
  </li>
</ul>

<div id="index_work"></div>

<script type="text/javascript">

$("#linkRelatorios").click(function(){
  $("#index_work").load("relatorios.php"); 
});

</script>

relatorios.php：

<!-- jqueryui datepicker -->
    <link rel="stylesheet" type="text/css" href="../plugin/jquery-ui/datepicker.min.css">   
    <script type="text/javascript" src="../plugin/jquery-ui/datepicker.min.js"></script>

<input type="text" id="dataAtendimentos" >

<script type="text/javascript">

  $("#dataAtendimentos").datepicker();

  //some other JavaScript that always work
</script>

如果我在瀏覽器上輸入完整的地址：“ localhost / myproject / relatorios.php，所有的時間都會一直有效。

如果我轉到index.php並單擊菜單以加載relatorios.php，則插件datepicker僅在我第一次單擊菜單時起作用，其余時間輸入都是文本，而不是datepicker。

因此，這些步驟是：

1. 轉到index.php
2. 單擊菜單項linkRelatorios（此處已加載頁面relatorios.php ，一切正常
3. 單擊菜單項linkInformativos（另一頁已加載到div上並且工作正常）
4. 再次單擊菜單項linkRelatorios（頁面relatorios.php已加載，一切正常，除了datepicker插件）

我究竟做錯了什么？

Answer 1

您可以嘗試將代碼包裝在relatorios.php中的$(document).ready()中

$(function() {
   $("#dataAtendimentos").datepicker();
})

調用datepicker時，DOM可能尚未加載。