Question

我的index.html使用ajax在div中加载内容，如下所示：

$('.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加载的。在其中一个标签内容中，我有一系列缩略图，可以在彩盒幻灯片中加载其全尺寸计数器部件。到目前为止一切正常。但是，当我点击名为“images”的标签时，我会触发彩盒幻灯片。但我无法使其发挥作用。我尝试使用以下颜色框网站上的建议使用以下内容：http://www.jacklmoore.com/colorbox/faq#faq-click使用以下内容：

var $gallery = $("a[rel=gallery]").colorbox();
$("a#openGallery").click(function(e){
    e.preventDefault();
    $gallery.eq(0).click();
});

有人知道如何克服这个问题吗？我的理解是它不起作用，因为选项卡标题已经附加或绑定到选项卡脚本。我对jquery还有点新意，我一直在阅读很多并且得到了一本书，但似乎这超出了我的能力范围。提前谢谢。

Answer 1

将.click替换为.on。

示例

$('.item-101 a').on('click',function(e) {

从选项卡链接触发颜色框

1 个答案: