2013-06-06 94 views
0

我有一個有3列的Codeigniter站點,第一個顯示了船舶列表。當選擇一艘船時,它通過控制器將船上的信息加載到中心列。我想要加載每個列的標籤,因爲每個列上都有很多信息,但它們不能正確加載。當我點擊任何鏈接時,它會使用網址末尾的#tab-1 id將我重定向回我的主頁。我不知道該從哪裏出發。在XMLHttpRequest之後加載jQuery選項卡

這是以後的onClick要求每艘

function fleetDetails(ID) 
{ 
if (ID=="") 
{ 
    document.getElementById("fleet-details").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("fleet-details").innerHTML=xmlhttp.responseText; 
    } 
} 
xmlhttp.open("GET","admin/manage/fleet_details/?fleet_association_ID="+ID,true); 
xmlhttp.send(); 

} 

功能我也嘗試添加這功能的結束,但標籤似乎並不管用。

$('#fleet_tabs').tabs({ 
    event: "mouseover" 
}); 

我對這個完全錯誤的方法嗎?任何幫助都將不勝感激。

+0

你嘗試添加代碼'$(函數(){//你的代碼..});'呢? – resting

+0

是的,這是行不通的 – Pooshonk

回答

2

你添加中的選項卡onreadystatechange功能代碼,這樣

 

    xmlhttp.onreadystatechange=function() { 

     if (xmlhttp.readyState==4 && xmlhttp.status==200){ 

      document.getElementById("fleet-details").innerHTML=xmlhttp.responseText; 

      $('#fleet_tabs').tabs({ event: "mouseover" }); 

     } 
    } 

+0

是的,我經過大量的反覆試驗後纔得到這個工作,歡呼! – Pooshonk

相關問題