Question

我正在尝试从div上的click事件（也包含子锚链接）运行colorbox组，以显示隐藏的内联内容。我已经在div内的锚链接上正常工作但我不确定如何从这个锚链接运行colorbox和/或点击父div。继承人我的jquery。

$(".staffMemberWrap").click(function() {
    $(".inline").colorbox ({
        inline:true, 
        width:"510", 
        rel:'group1', 
        href: anchorHref, 
        current: "{current} of {total}"
    });
    var anchorHref = $(this).inline.find('a').attr('href');
});

我的div和子锚代码看起来像这样

<div id="staff1" class="staffMemberWrap">
    <div class="staffMemberName"><a class='inline' href="#inline_content" rel="group1"><strong>Name Here</strong></a></div>
</div>

任何帮助都将不胜感激。

Answer 1

更新回答：

$(function(){

  $(".staffMemberName, .staffMemberName.a").click(function(e){
     colorBoxMe($(this));
  });

 });

function colorBoxMe($element){
   $element.colorbox ({
    inline:true, 
    width:"510", 
    rel:'group1', 
    href: $(this).attr('href'), 
    current: "{current} of {total}"
  });  
}

我想我更喜欢这里你想要的东西。每次点击都不需要调用ColorBox，但这应该是一个开始。有些阅读colorbox文档可能有助于为您清理它。

Example on JSBin

来自多个链接的内联颜色框组

1 个答案: