jQuery UI选项卡-选项卡仅对内容有效

| 非常感谢任何帮助 我试图仅在div中存在内容的情况下才能使选项卡处于活动状态(\“ clickable \”)。内容将来自php sql查询。 以最简单的形式
<script>
$(function() {
$( \"#tabs\" ).tabs();
});
</script>

<div id=\"tabs\">
<ul>
<li><a href=\"#tabs-1\">Hello</a></li>
<li><a href=\"#tabs-2\">Goodbye</a></li>
</ul>

<div id=\"tabs-1\">
if Query returned result, echo results, tabs-1 active
</div>

<div id=\"tabs-2\">
if Query returned 0 results, nothing to echo tabs-2 inactive
</div>
</div>
我猜活动/非活动部分不必基于查询结果-div中的字符数或div的大小都可能是我可以用来查看div是否为空的指标。 我对javascript知之甚少,所以如果有解决方案,有可能您可以在与小孩说话时对其进行解释... 在此先感谢您,我希望我的问题很清楚。     
已邀请:
        您可以使用
select
拦截制表符更改事件,例如:
$(\"#tabs\").tabs({
    select: function(event, ui) {
        if ($(ui.panel).html().length < 1) {
            alert(\'no content!\');
            return false;
        }
    }
});
    

要回复问题请先登录注册