Question

基本上，我希望点击“关于我们”链接时弹出一个彩色框，如Inline HTML example下其他内容类型下的“内联HTML”所示。但是，链接没有做任何事情。我还仔细检查了标题中的文件，并链接到正确的目录。

<head>
<link rel="stylesheet" href="../../../Colorbox/example1/colorbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../../../Colorbox/jquery.colorbox-min.js"></script>	
<script>
$(document).ready(function(){
		$(".inline").colorbox({inline:true, width:"50%"});
		});
</script>

</head>
<body>
<div id="copyright" class="container">
<p>&copy; All rights reserved. | <a class='inline' href="#inline_content">About Us</a> | <a class ="contact">Contact Us</a></p>

</div>
<div style='display:none'>
<div id='inline_content' style='padding:10px; background:#fff;'>
<p><strong>This is a test.</strong></p>
</div>
</div>
</body>

colorbox - 内联html未显示

0 个答案: