6

Bootstrap 3.0のModal機能を使用しています。

私はこのコードを持っています:

<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');

モーダルが表示されずにフェード効果しか見えません...

リンクをクリックして開始し、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>
4

3 に答える 3

0

読者は、「remote:」オプションが廃止されていることに注意する必要があります... ドキュメントごとに

「このオプションは v3.3.0 以降非推奨であり、v4 で削除されます。代わりに、クライアント側のテンプレートまたはデータ バインディング フレームワークを使用するか、自分で jQuery.load を呼び出すことをお勧めします。

リモート URL が提供されている場合、コンテンツは jQuery の load メソッドによって 1 回読み込まれ、.modal-content div に挿入されます。data-api を使用している場合は、代わりに href 属性を使用してリモート ソースを指定することもできます。この例を以下に示します。」

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
于 2015-02-28T12:25:52.243 に答える
0

あなたがする必要があるのは、jsで使用するときにhtmlタグからdata-targetを削除し、関数を2回呼び出したままにし、1つがそれを表示し、もう1つがそれを削除することです。それが私が解決した方法です。

于 2014-09-27T04:45:49.890 に答える