如何使用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

回答

相關問題