Javascript 使用JQuery的弹出框

我是JQuery新手，正在尝试向我的页面添加一个弹出框。
我正在使用以下jQuery插件（采用Ray Stone的leanModal）：

我的初始化脚本如下所示：

#lean_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: #000;
  display: none;
}
#signup {
  width: 404px;
  padding-bottom: 2px;
  display:none;
  background: red;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
  -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

<script type="text/javascript">
  $(function() {
    $("#signup").leanModal();
  });
</script>

$（函数（）{
$（“#注册”）.leanmodel（）；
});

最后，这是我正在使用的HTML：

<p id="examples" class="section box">
  <strong>Example:</strong>
  <a id="go" rel="leanModal" name="signup" href="#signup">With Close Button</a>
</p>

<div id="signup">
  <div id="signup-ct">
    <div id="signup-header">
      <h2>This is a test</h2>
      <p>testing.</p>
      <a class="modal_close" href="#"></a>
    </div>
  </div>
</div>

示例：

这是一个测试
测试

---

有了这段代码，弹出窗口就不会出现了&我有一种感觉，这一定有一个非常简单的解决方法，但我正在绞尽脑汁想办法解决它。如果您能提供任何帮助，我们将不胜感激

我知道其他人建议使用现有库（强烈推荐）。但是，如果您想用特定代码解决问题，我认为您做错了以下几点：

您的“leanmodal”调用连接到了错误的元素

我创建了一个JSFIDLE，当点击链接时，它会弹出您想要的对话框。您可以在此处访问它：

基本上，我修改了以下行：

$("#signup").leanModal();

成为：

$('#go').click(function() { 
    $(this).leanModal(); 
});

---

我知道其他人建议使用现有的库（强烈推荐）。但是，如果您想用特定代码解决问题，我认为您做错了以下几点：

您的“leanmodal”调用连接到了错误的元素

我创建了一个JSFIDLE，当点击链接时，它会弹出您想要的对话框。您可以在此处访问它：

基本上，我修改了以下行：

$("#signup").leanModal();

成为：

$('#go').click(function() { 
    $(this).leanModal(); 
});

---

当然，最好的解决方案之一就是使用jqueryui。如果不需要整个库，则只能下载模式插件

---

Chears

最好的解决方案之一肯定是使用jquery UI。如果不需要整个库，则只能下载模式插件

---

Chears

控制台中有任何错误吗？你真的应该看看添加jQueryUI和删除插件。有这样的功能，并且非常易于使用和风格。控制台中有错误吗？你真的应该看看添加jQueryUI和删除插件。有这样的功能，非常容易使用和风格。出于某种原因，你必须点击链接两次。我没有花更多的时间去寻找这个问题，但是解决方案的要点应该是显而易见的。非常感谢你！它帮助我明白我错在哪里。我最终选择了其他人建议的jQuery用户界面，但由于我对这一点非常陌生，我非常感谢您的解释和示例。再次感谢：-）由于某种原因，您必须单击链接两次。我没有花更多的时间去寻找这个问题，但是解决方案的要点应该是显而易见的。非常感谢你！它帮助我明白我错在哪里。我最终选择了其他人建议的jQuery用户界面，但由于我对这一点非常陌生，我非常感谢您的解释和示例。再次感谢：-）谢谢！jQueryUI解决了我的问题。谢谢！jQueryUI解决了我的问题。