Question

希望有人能提供帮助。一直试图在彩盒中显示一些隐藏的内嵌内容。一切都在Firefox中运行良好，但在IE8中它第一次工作然后第二次失败。当使用alert（id）时，id var在IE中第二次出现未定义。

尝试过点击处理程序来设置ID，我得到了相同的结果。这是一些示例html（为简洁起见而简化）。这是由Drupal CMS生成的

<div class="my-div">
    <a class="pop-extra nid-628 cboxElement" href="/alex-f">the link triggering colorbox</a>

    <div id="628" class="inline-content" style="display: none;">
    The hidden content to display
    </div> 
</div>

这是我的jquery

$(document).ready(function() {
// Hide inline content
$('.inline-content').hide();
//Fire colorbox
$('a.pop-extra').colorbox(
{
height:700,
width:420,
inline:true,
//Set the inline content to display dynamicaly by grabing the next div id
href:
function(){
id = $(this).next().attr("id");
return '#'+id;
},
onOpen:function(){
//Show the content so colorbox has something to display
$('#'+id).show();
},
});

$(document).bind('cbox_closed', function(){
//Hide content again when colorbox closes
    $('#'+id).hide();
});

}）;

要查看演示，请查看此网址： http://eyestoneartists-com-au.kept.com.au/browse-extras/male/all

要在IE8中重现，请单击其中一个图像，然后关闭图像，然后再次单击它。

Answer 1

将内容放在另一个div中，然后将display:none放在div之前。

Colorbox IE显示内联href功能在第二次点击同一链接时不会被触发

1 个答案: