这是我的 HTML 代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/colorbox.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script>
function alertme(){
alert(""+$("#text1").val()+$("#text2").val());
}
function enable_colorbox(){
console.log("inside colorbox");
jQuery("#inline").colorbox({inline:true});
}
</script>
</head>
<body>
<div id="inline" style="display: none;">
<input type="text" id="text1" />
</br>
<input type="text" id="text2" />
<input type="submit" value="clickme" onclick="alertme()"/>
</div>
<input type="submit" onclick="enable_colorbox()" />
</body>
</html>
我有一个不可见的 div 标签,在 div 标签之外,我有一个提交按钮,点击它会调用 div 标签上的颜色框。什么都没发生。我不确定是什么问题。我在控制台中没有任何错误。
js 和 css 文件在我的本地服务器中。我可以启动 html 文件并通过浏览器查看 css 和 js 文件。
请指教