次のようにajaxを使用してdivにコンテンツをロードするindex.htmlがあります。
$('.item-101 a').click(function(e) {
var url = $(this).attr('href') + '#maincontent';
$('#maincontent-loader').html('loading...').load(url);
e.preventDefault();
$(this).parent().addClass('active');
$('.item-104, .item-109').addClass('hidden')
});
そして、ロードされたコンテンツで、私は次のように単純なjqueryタブを使用しています：
$('#info div:not(:first)').hide();
$('#info-nav li').click(function(event) {
event.preventDefault();
$('#info div').hide();
$('#info-nav .current').removeClass("current");
$(this).addClass('current');
var clicked = $(this).find('a:first').attr('href');
$('#info ' + clicked).fadeIn('fast');
}).eq(0).addClass('current');
これらはすべて、私のページのヘッダーで呼び出されるscript.jsから読み込まれます。タブコンテンツの1つに、カラーボックスのスライドショーにフルサイズのカウンターパーツをロードする一連のサムネイルがあります。これまでのところ、すべてが正常に機能しています。しかし、「画像」というタブをクリックすると、カラーボックスのスライドショーがトリガーされます。しかし、私はそれを機能させることができません。カラーボックスサイトで提案されているように、次を使用しようとしました：http ://www.jacklmoore.com/colorbox/faq#faq-次を使用してクリックします。
var $gallery = $("a[rel=gallery]").colorbox();
$("a#openGallery").click(function(e){
e.preventDefault();
$gallery.eq(0).click();
});
この問題を克服するために何ができるか知っている人はいますか？私の理解では、タブのタイトルがすでにタブスクリプトに添付またはバインドされているため、機能しません。私はまだjqueryに少し慣れていません。たくさん読んで本を手に入れましたが、それは私の能力を超えているようです。前もって感謝します。