Question

我有一个加载远程内容的bootstrap模式。这在第一次单击链接时不起作用。模态出现，但未加载远程内容。我检查了日志，甚至没有拨打远程电话。

如果我再次点击该链接，则效果非常好。我最初使用的是标准的bootsrap链接方法，但后来改为纯javascript，希望能获得更多的控制权。链接点击功能现在是：

$(function() {
                 $(".modal-link").click(function(event) {
                     $('.modal-body').text('Loading content...');
                     var modal = new $.fn.modal.Constructor();
                     $('#myModal').modal({keyboard: true})
                                  .remote($(this).attr("href"))
                                  .show();

                 })
             })

每次都会调用它，并且模型每次都会出现，但它只会在第一次之后进行远程调用。远程呼叫是到同一个域/机器。（所有这些都在grails应用程序中。）

有什么想法吗？我不知道还有什么可以尝试的。

Answer 1

我从未弄清楚为什么Bootstrap没有正确加载它，但确实使用了以下工作：

$('.modal-body').text('Loading content...');
if (firstLoad) {
      $('#myModal .modal-body').load($(this).attr("href"))
      firstLoad = false;
 }

boolean firstLoad回退到jquery，只在第一次加载时加载div内容。

Bootstrap 2.3.1 - 带远程的模态不会首次加载，但会在第一次加载后加载

1 个答案: