我是大多数编程的新手,所以请原谅我的无知。
我在 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””“没有属性“target””
FF firebug 中没有错误。
有没有人有什么建议 ?
感谢您的任何反馈!
托尼