javascript - Colorbox.js 内联内容不会显示

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 选项。

If true, content from the current document can be displayed by passing the href property a jQuery selector, or jQuery object.

// 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 .