2

サーバー名で満たされたテーブルがあります。リンクをクリックすると、そのサーバーに関するさまざまな情報が記載されたページに移動します。SSO を使用して、ユーザーが選択可能なアイテムを含むドロップボックス ボックスを介して一部のフィールドを変更できるかどうかを判断しています。これはすべてうまく機能しています....ページとして

ただし、そのページをモーダルに変換したい。モーダルが機能していて、すべての情報が取得されます...ただし、ドロップダウンボックスは1回おきにしか機能しません。誇張ではありません。サーバーをクリックすると、モーダルが表示され、ドロップダウンに値がありません。firebug で調べて、ドロップダウンのリストに値があることを確認できますが、何も起こりません。モーダルを閉じ、リンク (同じまたは異なる) をクリックすると、ドロップダウンが正常に機能します

これは私のhtmlです

<td><a href="{{ url_for('vm', vm=vm.GuestName) }}" data-keyboard="false" data-target="#vmModal" data-toggle="modal"> {{ vm.GuestName }}</a></td>

これが私のモーダルです

<div class="modal hide fade in" id="vmModal" 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">Virtual Machine Info</h3>
    </div>
    <div class="modal-body" style="height: 600px; right: 12px">
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
</div><!-- /.modal -->

ここに私のドロップダウンがあります

{% if access %}
        <div class="dropdown">
            <li>
                <strong>Service:</strong>
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> {{ item.Service }} <b
                        class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    {% for service in service_data %}
                        <li><a tabindex="-1"
                               href="/api?name={{ item.GuestName }}&service={{ service.name }}"> {{ service.name }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </li>
        </div>
4

2 に答える 2

0

こんにちは、同じ問題があります。長い分析の後、私は解決策を見つけました: div modal に "style="display:none;" を追加します。理由はわかりませんが、ページをロードするとモーダルが非表示になりますが、firebug で検査すると、モーダルはドロップダウンを回復しますモーダルを表示して非表示にした後、js は "style="display:none;" を追加します。そしてドロップダウンが機能します。

于 2013-12-05T08:28:37.040 に答える