1

我有我的 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 加载的。在其中一个选项卡内容上，我有一系列缩略图，它们在彩盒幻灯片中加载了它们的全尺寸计数器部件。到目前为止，一切正常。但是当我单击名为“图像”的标签时，我触发了彩盒幻灯片。但我无法让它工作。我尝试按照 colorbox 网站上的建议使用以下内容：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 还是有点陌生​​，我已经阅读了很多书并得到了一本书，但似乎超出了我的能力范围。提前致谢。

4

1 回答 1

0

替换.click为.on。

例子

$('.item-101 a').on('click',function(e) {
于 2013-03-04T05:02:35.480 回答