使用ajax的Jquery UI选项卡

Question

我一直在为我的CSS使用bootstrap（免费）主题。现在，我创建了一个ajax链接标签。外部页面正常加载。现在，问题是我在每个页面上设置的功能不起作用。 HTML：            

        
• 参考代码
        
• 搜索日期
        
• 搜索名称
      

    

在content3.php上，onkeyup事件正在运行，但当您导航到content4.php和content5.php时，onkeyup事件无效。我使用ajax将文本字段中的请求发送到另一个名为 getcontent＃.php 的页面。但是如果我在一个单独的页面上运行content3.php（而不是在主题上），那么这些函数是可行的。有人能确切地说出发生了什么吗？谢谢你：D

content3.php

<script>
function showCustomer(str)
{
var xmlhttp;
if (str=="")
{
 document.getElementById("txtHint").innerHTML="";
 return;
}
if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
 xmlhttp.onreadystatechange=function()
{
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
 {
  document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
 }
}
xmlhttp.open("GET","ajax/getcontent3.php?q="+str,true);
xmlhttp.send();
</script>

 <form>
<input type='text' name='searchID' id='searchID' style='width:250px' placeholder='branch name' class="form-control" onkeyup='showCustomer(this.value)'/>
</form>

getcontent3.php：

$q = $_REQUEST['q'];
$tablerpt = mysql_query(" SELECT * FROM tblpaybills LEFT JOIN tblbills ON ( tblpaybills.billsID = tblbills.billsID ) LEFT JOIN tblbranch ON ( tblpaybills.branchID = tblbranch.branchID ) WHERE tblbranch.b_Name = '".$q."' ORDER BY ABS(tblpaybills.transTime) DESC ");