ホームページ  >  記事  >  ウェブフロントエンド  >  jquery easyui_jquery のタブを使用する場合の問題

jquery easyui_jquery のタブを使用する場合の問題

WBOY
WBOYオリジナル
2016-05-16 18:31:421009ブラウズ
jquery easyui からダウンロードすることもできます。また、公式 Web サイト にアクセスしてドキュメントのヘルプをダウンロードして表示することもできます。

jquery easyui_jquery のタブを使用する場合の問題

最近、jquery easyui でタブを使用しましたが、問題が見つかりました。タブの div を display:none に設定し、関数change(){$("#tabs").css( "display ","block")}でタブを表示しますが、change()を実行するとタブが正常に表示されません。

は次のように読みます:

jquery easyui_jquery のタブを使用する場合の問題

結果は次のように表示されます:

jquery easyui_jquery のタブを使用する場合の問題

その後、試し続けたところ、タブが最初に display:block である場合、 $(document).ready(function(){$("#tabs").css("display":"none")} であることがわかりました。 ) ページ読み込み後、タブをなしにし、変更ボタンをクリックすると表示されるように設定します。

これは jquery easyui のバグだと思い、jquery easyui の作者にメールを送って状況を伝えました。翌日、彼は jquery easyui のタブには問題がない、change() に $("#tabs").css("display","block").tabs('resize') を書くべきだと答えました。このようなメソッド ;

試してみましたが、確かにその通りです。タブのサイズをリセットするには、後で .tabs('resize') を追加するだけです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。