2

こちらにある Twitter Bootstrap のドキュメントで、モーダルのセクションまでスクロールします - 注意 - スクロールし、サイドバーをクリックしてすぐにそのセクションにジャンプしないでください。

ここで、[ライブ デモ] ([モーダル] セクションをさらにスクロール) の下で、[デモ モーダルの起動] ボタンをクリックします。ここで、URL に注目してください。URL は変更されず、モーダル ウィンドウが表示されます。それを閉じて、URLに再び変更はありません。

ただし、私のアプリケーションの動作は異なります。URL がモーダル ウィンドウの ID で成功したことを示しています (この例では、myModal になります)。したがって、それが私のアプリケーションである場合、URL は twitter.github.io/bootstrap/javascript.html#myModal になります - ID が URL の末尾に追加されていることに注意してください - しかし、Twitter Bootstrap Documentation ではそうはなりません例。理由はありますか？

4

2 に答える 2

0

bootstrap-modal.js スクリプトを使用していますか? 「MODAL DATA-API」セクションでは、e.preventDefault() によって、ブラウザーが a タグで指定された href に移動するのを停止する必要があります。

于 2013-04-27T16:50:24.220 に答える
0

bootstrap.js よりも前に jQuery.js を含める必要があります!!

また、スクリプトに簡略化された形式の html を使用しないでください。(のように<script scr=""/>) のように閉じなければなりません<script scr=""></script>)

<!-- JQuery -->
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js'></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

<!-- BootStrap Link -->
<link rel="stylesheet" type="text/css" href="/linker/styles/vendor/bootstrap.css">
<script type="text/javascript" src="/linker/js/vendor/bootstrap.js"></script>

$('#creative_attachment_popup').modal('show');ドキュメントの準備ができた後にこれを呼び出しましたか?

$(function() {
    $('#creative_attachment_popup').modal('show');
});
于 2013-09-08T13:02:15.253 に答える