如何使用jQuery facebox

我会在我的页面中使用Facebox，并正在加载插件如下：如何使用jQuery facebox

<script type="text/javascript" src="facebox.js"></script> 
<script language="javascript" src="jquery-min.js"></script> 
<link type="text/css" href="facebox.css" rel="stylesheet" />

我有两个div元素。我想一个onclick事件后显示在facebox一个DIV，和onclick事件

jQuery('#dialog-form').facebox()

dialog-form是div ID在Facebox显示后我使用这个命令，但它显示在两个div页面和Facebox没有出现。我怎样才能做到这一点？

来源

2010-01-02 Riz12b

你能发表一些代码吗？ – 2010-01-02 05:51:24

这可能是你需要包括插件之前jQuery的文件：

<script type="text/javascript" src="jquery-min.js"></script> 
<script type="text/javascript" src="facebox.js"></script>

来源

2010-01-02 05:52:38 nickf

一定要首先引用jQuery的。以下工作对我来说很好：

<html> 
    <head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript" src="facebox/facebox.js"></script> 
    <link rel="stylesheet" type="text/css" href="facebox/facebox.css" /> 
    </head> 
    <body> 
    <a href="#dialog-form" rel="facebox">text</a> 
    <div id="dialog-form" style="display:none"> 
     <form method="post"> 
     <p><label>Username:</label> <input type="text" name="user" /></p> 
     <p><input type="submit" /></p> 
     </form> 
    </div> 
    <script type="text/javascript"> 
     $(function(){ 
     $('a[rel*=facebox]').facebox() 
     }); 
    </script> 
    </body> 
</html>

来源

2010-01-02 06:04:48 Sampson

如何使用jQuery facebox

回答

相关问题