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日期选择器不起作用,id 也不起作用。
- 不需要JavaScript伪协议/标签
- 返回假
- 如果你有jQuery,使用它来分配脚本
- 如果希望日期选取器在加载后工作,则需要在回调中分配它
<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>