Question

Good Day Professionals，

我正在使用Colorbox插件显示某个div，但会出现此问题。

结构如下：

1-隐藏的div显示

2-显示btn以显示div

当我第一次点击btn时，div显示没有任何问题，但当我按ESC btn关闭它并再次返回上一步并单击btn颜色框打开但没有显示div

这是HTML代码

<div class="to_be_show">
    <!-- html structure is here -->
</div>
<p class="display">display</p>

这是css风格

.to_be_show{ width: 500px; height: 200px; background: red; display: none; }

这是JS代码

$('.display').click(function(){ $('.to_be_show').css('display','block'); });
$('.display').colorbox({opacity: 0.98,inline:true});
$(document).bind('cbox_closed', function() {$('.to_be_show').css('display','none'); });

那么，我的代码有什么问题？！

-------- 更新 ----------

我知道问题，但我不知道如何解决它！

我想用Jquery设置显示的 href attr，因为内容是动态加载的

我使用它并且没有用!!!

$('.show_album').colorbox({href:$(this).prev()});

为什么?? !!

Answer 1

您可以通过创建内嵌颜色框

来实现此目的

HTML标记

<div style="display:none">
    <div class="to_be_show" id="to_be_show">
        Element to be show
    </div>
</div>
<a href="#to_be_show" class="inline cboxElement">Display</a>

<强> CSS

.to_be_show {
    width: 500px;
    height: 200px;
    background: red;
}

<强>的js

$(document).ready(function () {
    $(".inline").colorbox({
        inline: true,
        opacity: 0.98,
    });
});

以下是fiddle。

别忘了包含 colorbox css＆amp; JS 欢呼声!!!

使用Colorbox显示div的问题

1 个答案: