2013-06-06 92 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

相关问题