Colorbox.js内联内容获胜't显示

Colorbox.js inline content won't show

本文关键字：显示 获胜 js Colorbox      更新时间：2023-09-26

我正试图将内联内容函数与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>

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});

请参阅文档。

您可以使用href。

例如：

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

然后，你可以有这个：

$(".inline").colorbox({
inline: true,
width: "50"
});
相关文章：