Question

我是大多数编程的新手，所以请原谅我的无知。

我在JQuery标签中使用JQuery手风琴。该页面在Firefox v12和IE v9上正常工作但在Chrome / Iron v12中断，特别是点击俱乐部名称以获取俱乐部的统计数据会导致标签垂直显示而手风琴变得一团糟。

页面为：http://www.footballfanweb.com/ffwfootballstats/getclubs

如果您点击“英超联赛”，然后点击一个俱乐部名称，该网站会将一些统计信息发送到底部标签区域。

我首先使用它加载：

$(document).ready(function() {

    $("#accordion").accordion({
        collapsible: true,
        active: 4
    });   

    $(function() {
        $( "#tabs" ).tabs();
    });

//  Populate the accordion with football teams for each of the divisions

    $.ajaxCall('myajaxclass.listclubs','div_id=1');
    $.ajaxCall('myajaxclass.listclubs','div_id=2');
    $.ajaxCall('myajaxclass.listclubs','div_id=3');
    $.ajaxCall('myajaxclass.listclubs','div_id=4');

}); /* end document ready */

上面的ajax调用用足球队名称填充面板，并将它们写为这样的链接列表：

while($row=mysql_fetch_assoc($result)){        
  $club = $row['club_name'];
  $divstring.='<li title=\"' . $club . '\"><a href=\"#\" >' . $club . '</a></li>'; 
}

这会产生俱乐部名单。

我使用ajax调用得到统计数据然后激活底部手风琴，以便统计数据可见：

 $("li[title]").live('click', function() {

        var selectedclub = $(this).attr('title');

        $.ajaxCall('myajxclass.getclubinfo', 'theclub=' + selectedclub );       
        $.ajaxCall('myajxclass.statssum','theclub=' + selectedclub );

        $("#accordion").accordion( 'activate' , 4);


    $(function() {
             $( "#tabs" ).tabs();
           });

    });

我在这个问题上搜索了很多线程。一个建议是当我从ajax调用返回时调用tabs函数。我尝试了不同的方法，例如

$('#tabs').tabs('select', 0); // zero-based, i.e. 1 = tab 2

$("#accordion").accordion( 'activate' , 4);

$('#tabs').tabs('select', 0);

虽然没有解决问题:(

html是这样的：

<div id="tabs">

   <ul>
     <li> flag image 1</li> 
     <li> flag image 2</li>
      ... 
   </ul>

   <div id="tabs-1">

      <div id="accordion">
         // data etc in here.
      </div>

   </div>

   <div id="tabs-2">
        <p> Italy ... Coming soon</p>
    </div>
    ....
</div>

我想知道Chrome是否存在无效html问题，因此我在w3.org验证程序中验证了该页面，并且存在两个不重要且无关的错误：

“必需属性”alt“未指定” “没有属性”目标“”

FF firebug没有错误。

有人有任何建议吗？

感谢您的反馈！

贝

JQuery Tabs / Accordion在Chrome中断，但在FF或IE中没有

0 个答案: