Bootstrap 3 /顯示模式不支持javascript方式

我使用Bootstrap 3.0的Modal功能。Bootstrap 3 /顯示模式不支持javascript方式

我有這樣的代碼：

<a data-toggle="modal" href="/myNestedContent" data-target="#myModal"> 
    Open the modal containing the content 
</a> 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
//nested content will be inserted here 
</div>

當我點擊錨（鏈接），整個工程=>我看到的內容的模式。

然而，當我使用JavaScript的方式（而不是鏈接）來顯示這樣的模式：

$('#myModal').modal('show');

我只看到被顯示爲無模態的淡入淡出效果...

當我通過點擊鏈接開始時，THEN調用JavaScript，它可以工作。（副作用？）

當我以javascript的方式啓動，即使鏈接只顯示淡入淡出效果沒有模態。

可能是..一個來自modal Javascript方法的錯誤？

的信息，我的腳本，我使用的聲明是正確的順序：

<script src="//code.jquery.com/jquery.js"></script> 
<script src="javascripts/jquery.form.min.js"></script> 
<script src="javascripts/bootstrap.min.js"></script>

來源

2013-08-24 Mik378

不知道什麼是錯，但它適用於我使用你描述的方法 - http://jsfiddle.net/kZyLu/ –

我不知道如果我誤解了你的問題。

根據我對你的問題的理解，你需要

$('#myModal').modal({ 
    show: true, 
    remote: '/myNestedContent' 
});

你不能只是

$('#myModal').modal('show');

因爲沒有在此提供URL js的方法。

這是否解決您的問題？

來源

2013-08-25 04:57:30

我還沒有測試，我做了+1，因爲它聽起來很明顯。 :)。事實上，目前，我的遠程路徑聲明僅以鏈接方式出現。對我感到羞恥嗎？：）非常感謝！ – Mik378

我現在確認：整個作品。 – Mik378

歡迎您@ Mik378 :) –

你需要做的是與JS使用時從HTML標籤刪除的數據目標，離開它兩次調用該函數，然後一個顯示它和其他的刪除。那就是我解決問題的方法。

來源

2014-09-27 04:45:49 omar

請用'pseudo'代碼組織您的答案 – chouaib

讀者應該注意的是，「遠程：」選項已被棄用... per the docs

「這個選項，因爲3.3.0棄用，並將在V4被刪除我們建議使用客戶端模板或一個數據綁定框架，或者自己調用jQuery.load

如果提供了一個遠程URL，內容將通過jQuery的加載方法加載一次並注入到.modal-content div。如果您使用的是數據-api，您可以使用href屬性來指定遠程源。例如：「

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>

來源

2015-02-28 12:25:52 globalSchmidt

Bootstrap 3 /顯示模式不支持javascript方式

回答

相關問題