javascript - タブ コンテンツの読み込み onclick

Question

ページの読み込みイベントでは、すべてのタブのコンテンツが読み込まれています。代わりに、タブのクリック時にタブのコンテンツを読み込む必要があります...どのように到達するかについてのアイデアを共有してください。これにより、ページの読み込みに時間がかかります。Google で検索した jquery と JScript をいくつか試しましたが、うまくいきませんでした...

タブのクリックイベントでタブの内容をロードする方法があれば、とても助かります...

Answer 1

http://jqueryui.com/tabs/#ajaxを使用できる例を次に示します。

Answer 2

jquery を使用していて を使用する必要がある場合iframeは、次の質問を確認することをお勧めします: How do I make <iframes> load only on a button click?

基本的にsrc、クリック イベントで iframe の属性を追加して iframe をロードするだけです。そうしないと、ページのロード時にロードされます。

上記のリンクからの例:

HTML

<iframe id="myiFrame" data-src="http://my.url" src="about:blank">

jQuery

$("button").click(function(){
    var iframe = $("#myiFrame");
    iframe.attr("src", iframe.data("src")); 
});