1

我正在尝试从 div （还包含子锚链接）上的单击事件运行颜色框组以显示隐藏的内联内容。我已经让它在 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>

任何帮助，将不胜感激。

4

1 回答 1

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 并不需要每次点击都被调用，但这应该是一个开始。阅读一些彩盒文档可能会帮助您清理它。

JSBin 上的示例。

于 2013-06-18T11:45:34.830 回答