jQuery UI的標籤 - 標籤僅與內容

Question

任何幫助，積極感激地收到

我試圖讓一個標籤被激活（「點擊」）僅當有內容出現在專區內。內容將來自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是否爲空。

我知道很少的JavaScript，所以如果有一個解決方案在那裏是有可能，你可以把它解釋爲你講一個小的孩子......

事先非常感謝，我希望我的問題是足夠清楚。

Answer 1

您可以攔截使用select標籤更改事件，喜歡的東西：

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