如果我用户jQuery加载页面，id函数不工作

Question

的index.php

<script type="text/javascript">
function new_exp() { $("#quickIndexTab").load("/pages/expenditure/new_exp.php");  }
</script>

<a href="#"    onclick="javascript:new_exp()" >List</a>

<div id="quickIndexTab"></div>

new_exp.php

 <label>Date picker</label>
 <input type="text" id="datepicker" value="" />

刷新new_exp.php时，datepicker无法正常工作且id也无效。

Answer 1

1. 不需要javascript伪协议/标签
2. return false
3. 如果您有jQuery，请使用它来分配脚本
4. 如果您希望在加载后使用日期选择器，则需要在回调中分配它

<script type="text/javascript">
$(function() {
  $("#pageLink").on("click",function(e) {
     e.preventDefault(); // cancel link
     $("#quickIndexTab").load(this.href,function(){
       $("#datepicker").datePicker(); 
     }); 
  });
});
</script>
<a id="pageLink" href="/pages/expenditure/new_exp.php">Click</a>