问题与使用jQuery颜色框

2012-09-18 31 views 0 likes

<!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文件。

请指点

来源

2012-09-18 PSathiya

回答

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

来源

2012-09-18 22:02:38

我改变了代码'$（ “＃内联”）颜色框（ {display：inline}）;'。 Colorbox不可见。但是当我通过Chrome控制台检查页面时，id = colorbox的div标签现在可以在输入“submit”下面找到。但是colorbox不可见。 – PSathiya

更改此：

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

要这样：

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

添加演示： jsfiddle.net/TpVn6/

来源

2012-09-18 22:10:47 webdeveloper

使用上面的代码，colorbox现在打开，但没有任何可见的。我的意思是无法看到文本字段和按钮。 – PSathiya

@PSathiya你也需要创建额外的div，看看我的演示。 – webdeveloper

谢谢。有效。问题是，似乎我必须手动启用div标签的显示。一旦我做到了，我就可以打开文件。谢谢 – PSathiya

问题与使用jQuery颜色框

回答

相关问题