Twitter bootstrap 从modal打开引导模式

我试图从实际打开的模式视图中打开一个新的引导模式视图

我正在使用以下模板打开所有不同的模态：

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">&nbsp;</h3>
  </div>
  <div class="modal-body">
    <div class="alert alert-error" style="text-align: center;">
      <strong>ERROR!</strong><br />You should not be able to see this text!^
    </div>
  </div>
</div>
<script>
    $("a[data-target=#myModal]").click(function(ev) {
        ev.preventDefault();
        var target = $(this).attr("href");

        // load the url and show modal on success
        $("#myModal .modal-body").load(target, function() {
            $("#myModal").modal("show");
        });
    });
</script>

×
错误
您应该无法看到此文本^
$（“a[数据目标=#myModal]”）。单击（函数（ev）{
ev.preventDefault（）；
var target=$（this.attr（“href”）；
//加载url并在成功时显示模式
$（“#myModal.modal body”）.load（目标，函数（）{
$（#myModal”）.modal（“show”）；
});
});

然后我用RoR调用modals：

<a href='<%= url_for :controller => :customers, :action => :new %>' data-target='#myModal' type='button' class='btn' role='button' data-toggle='modal'>
  <i class="icon-plus"></i> new Customer</a>

---

实际上，当我在一个模式中按下一个按钮时，什么也不会发生。

首先，当您使用自己的模式加载时，不应该使用

data toggle=“modal”

属性，因为远程页面将加载两次（由您和插件加载）

其次，当您绑定事件时，它只使用页面上已有的元素，除非您使用like：

$（文档）。在（'click'，'a[data target=“#myModal”]”上，函数（ev）{
});

请注意选择器周围的简单引号

”

，属性值周围的双引号

“

---

从这里开始，它应该可以工作：

首先，当您使用自己的模式加载时，不应该使用

data toggle=“modal”

属性，因为远程页面将加载两次（由您和插件加载）

其次，当您绑定事件时，它只使用页面上已有的元素，除非您使用like：

$（文档）。在（'click'，'a[data target=“#myModal”]”上，函数（ev）{
});

请注意选择器周围的简单引号

”

，属性值周围的双引号

“

---

从这里开始，它应该会起作用：

我试图包含您的代码示例。现在我还有一些问题：1。在模态中没有任何东西是开放的。我想原因是，我可能正在使用RoR？2.打开一个模式并再次关闭后，如果不重新加载页面，我将无法再打开它。@Adrian尝试将JS放入

$（function（）{/*the code*/}）以便它等待，如。检查JS错误。我猜您的绑定从未发生过，或者
.load（target）
调用可能会失败。检查您浏览器的网络检查器。我试图包含您的代码示例。现在我还有一些问题：1。在模态中没有任何东西是开放的。我想原因是，我可能正在使用RoR？2.打开一个模式并再次关闭后，如果不重新加载页面，我将无法再打开它。@Adrian尝试将JS放入
$（function（）{/*the code*/}）以便它等待，如。检查JS错误。我猜您的绑定从未发生过，或者
.load（target）
调用可能会失败。检查浏览器的网络检查器。