Question

我正在尝试使用colorbox.js的内联内容功能，但它在使用内联函数时似乎并不显示，尽管所有其他功能都正常工作。我正在使用未经编辑的JS和CSS文件。这是代码：

JS

$(document).ready(function(){
$(".inline").colorbox({inline:true, width:"50%", transition:'none'});
});

HTML

<a class="inline" href="#inline_content"><li><h1>Content</h1></li></a>
<div style='display:none'>
<div id='inline_content' style='padding:10px; background:#fff; color:#000;'>   
<p>Hello! This is content </p> 
</div>
</div>

Answer 1

inline选项要求您同时设置href选项。

如果为true，则可以通过传递显示当前文档中的内容 href属性是一个jQuery选择器，或者是jQuery对象。

// Using a selector:
$("#inline").colorbox({inline:true, href:"#myForm"});
// Using a jQuery object: var $form = $("#myForm");
$("#inline").colorbox({inline:true, href:$form});

See the documentation

Answer 2

您可以使用href。

例如：

<a href="#myForm" class="inline">

然后，您可能会得到：

$(".inline").colorbox({
inline: true,
width: "50"
});

Colorbox.js内联内容不会显示

2 个答案: