有没有人一起使用了tabs(jquery-ui-1.8.9)和饼图Highcharts 2.1.4？简单来说,我有多个标签,每个标签显示一个包含不同数据的饼图.图表会渲染到div,但是当我点击第二个标签时,图表会以某种方式显示300px在它所假设的位置的右侧.每当我放大或缩小浏览器窗口时,图表都会返回到校正位置.
我的代码:
//假设数字选项卡是基于变量$ count生成的,并且有2个选项卡
<script type="text/javascript">
var chart_tab_<?=count?>;
$(document).ready(function() {
chart_tab_<?=count?> = new Highcharts.Chart({
chart: {
renderTo: 'chart_tab_<?=count?>',
// blah blah
}
<body>
<div id="chart_tab_<?=count?>"></div>
</body>
再次,图表呈现,但在第二个选项卡上显示错误.
更新:我知道这个KIND OF解决了这个问题:
<script type="text/javascript">
$(document).ready(function() {
$( "#tabs" ).tabs({
cookie: { expires: 1 }
});
$( "#tabs" ).tabs({
select: function(event, ui) { window.location.reload(); }
});
});
但它真的很糟糕,因为每次用户点击选项卡时都必须重新加载页面.任何想法都会很棒.
*故事:
我有一个有2个搜索栏的网站,用户可以通过jQuery自动完成功能搜索学校,然后在该学校内的课程.我的所有数据都在LOCAL json数组中,例如:
var schools = [{"label":波士顿大学,"价值":波士顿大学,"昵称":BU}]
*问题:
在搜索时,我想要将用户的输入不仅与"标签"相匹配,还要与"昵称"相匹配,以便学校可以通过"波士顿大学"和"BU"进行搜索.这是我现在的代码:
$(document).ready(function(){
$("#school").autocomplete({
appendTo: ".custom-autocomplete",
source: schools,
minLength: 0,
select: function( event, ui ) {
$("#class").autocomplete({
appendTo: ".custom-autocomplete",
source: courses,
minLength: 2,
select: function( event, ui ) {
$('#submit_header_form').attr('class','submit_header_form');
}
});
});
});
我知道我们可以在远程数据上使用PHP来实现这个结果,但是我需要使用本地数组来加速搜索,因为我在每个学校里都有很多课程.
由于我是一个新手代码并且堆栈现在功能齐全,因此快速修复将是理想的选择.谢谢大家的帮助!