我用jquery ui创建选项卡,并且我想在单击后显示选项卡。但是标签标题出现在点击索引页面之前。我怎么解决这个问题?(小时预测,共享图像中的10天预测)
的CSS
#tabs1{font-size: 14px;
}
.ui-widget-header {
border: 1px solid #b9cd6d;
color: #FFFFFF;
font-weight: bold;
}
的HTML
<div id="tabs1">
<ul>
<li><a href="#here">Hourly Forecast</a></li>
<li><a href="#here_table">10 Days Forecast</a></li>
</ul>
<div id="here"></div>
<div id="here_table"></div>
</div>
jQuery的
jQuery.noConflict();
$(document).ready(function() {
$("#tabs1").tabs();
});
我为您创建了工作示例。您可以在页面加载后像这样隐藏标签:
var tabs = jQuery('#tabs1');
tabs.hide();
然后在单击按钮后显示:
jQuery('#someButtom').on('click', function() {
tabs.show();
jQuery("#tabs1").tabs();
});
jsfiddle上的工作示例:example
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句