ansaurus

Question

Answer 1

+4 A:

It might be that you need to include the jQuery file before the plugin:

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

nickf 2010-01-02 05:52:38

Answer 2

+1 A:

Be sure to reference jQuery first. The following worked for me just fine:

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
    <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>

Jonathan Sampson 2010-01-02 06:04:48

ansaurus

tags:

views:

answers:

how to use Jquery facebox

related questions