问如何使用jQuery facebox
EN

Stack Overflow用户

提问于 2010-01-02 13:41:30

回答 2查看 10K关注 0票数 1

我将在我的页面中使用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是显示在Facebox中的div id，但它显示了页面中的两个div，Facebox没有出现。我如何才能做到这一点？

jquery

回答 2

Stack Overflow用户

发布于 2010-01-02 13:52:39

您可能需要在插件之前包含jQuery文件：

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

票数 7

Stack Overflow用户

发布于 2010-01-02 14:04:49

请确保先引用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>

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1990710

复制

相似问题

问如何使用jQuery facebox
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery faceboxEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery facebox
EN