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;
        }
    }
});