onclickタブの後にコンテンツとコンテンツをロードしないときにタブを非表示にする

Question

jqueryタブを作成して、コンテンツが空であるかどうかにかかわらずタブボタンを表示または非表示にします。

ここで、pageloadのために、誰かがタブボタンをクリックしたときにのみコンテンツを読み込みたいと思います。

これは、コードがコンテンツであるかどうかをチェックし、空の場合は、タブを非表示にするには、次のとおりです。

$j(function() { 
    if ($j.trim($j("#CONTENTDIV").html()) == "") { 
     $j("li#TABBUTTON").hide(); 
    } 
}); 

私がクリックしたときに、この負荷コンテンツ作るが、それならば、タブボタンを非表示するにはどうすればよいです内容はありませんか？

Answer 1

クリックするまでタブの内容を読み込むのを遅らせる場合は、タブを表示するかどうか（内容はあるかどうか）を知ることができません。

哲学的には、（本質的に）空のページを要求する軽量のAJAX関数を作成すると、データベースフィールドに値があるかどうかを尋ねるだけで、ページ全体ではなくコンテンツがあればtrueを返します。次に、クリックすると内容を取得できます。

を編集します。これはもちろん、ページ全体を取得せずにsome valueを検出できることを前提としています。

リソースのリクエストで全量を取得する必要がある場合でも、サーバーにリソースをユーザーに配信するよりも迅速にリソースにアクセスできる必要があります。特に、リソースが存在する場合チェックを行っているのと同じサーバー。それにもかかわらず、AJAXで行われているので、タブを隠したままにして軽量のAJAX関数が利用可能なコンテンツを検出するので、それらを表示することができます（$("#myTabID").show()）。