0

这是我的 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 文件。

请指教

4

2 回答 2

3

改变这个：

jQuery("#inline").colorbox({inline:true});

对此：

$.colorbox({inline:true, href: "#inline" });

添加演示： jsfiddle.net/TpVn6/

于 2012-09-18T22:10:47.877 回答
0

这是什么：jQuery("#inline").colorbox(**{inline:true}**);？不应该display:inline吗？

于 2012-09-18T22:02:38.783 回答