Входящий контент 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

The inline вариантов требует, чтобы вы также установить опцию href.

Если это верно, содержимое из текущего документа может быть отображен при прохождении 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.