Question

感谢任何帮助

我正在尝试使标签处于活动状态（“可点击”），只有当div中存在内容时。内容将来自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知之甚少，所以如果有解决方案，你可以解释它，因为你正在和一个小孩子说话......

非常感谢，我希望我的问题很清楚。

Answer 1

您可以使用select截取标签更改事件，例如：

$("#tabs").tabs({
    select: function(event, ui) {
        if ($(ui.panel).html().length < 1) {
            alert('no content!');
            return false;
        }
    }
});

Jquery UI选项卡 - 仅对内容有效的选项卡

1 个答案: