0

ここに私のモーダルコードがあります:

<div class="modal hide fade" id="myModal" 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">&times</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…&lt;/p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

モーダルに関連する JavaScript は次のとおりです。

$('#myModal').on('hidden', function () {
    $(this).removeData('modal');
});

$("a[data-toggle=modal]").click(function (e) {
    lv_target = $(this).attr('data-target')
    lv_url = $(this).attr('href')
    $(lv_target).load(lv_url)});

ここに私のリンクコードがあります:<a href="http://localhost:3000/hints/found_sentences?word=创造" class="old_hint" data-remote="true" data-target="#myModal" data-toggle="modal">造&lt;/a>

リンクをクリックすると、div だけでなくすべての div が置き換えられて表示され"modal-body"ます。つまり、Modal headerリモート コンテンツの上には表示されません。

ここにjsfiddleがあります。読み込まれるコンテンツは無視してください。modal-header と modal-footer のコンテンツが表示されないことに注意してください。

4

2 に答える 2

0

モーダルの本体ではなく、モーダル全体のコンテンツを置き換えます。

$(lv_target).find('.modal-body').load(lv_url);
于 2013-01-20T18:08:58.970 に答える
0

ここにいます:http://jsfiddle.net/kulldox/W3TLJ/3/

問題はここにありました:

<a href="/favicon.png" class="old_hint" data-target="#myModal" data-toggle="modal">你&lt;/a>

トリガー要素の「data-remote="true"」を削除する必要があります。まず、これはブール属性ではありません。次に、ドキュメンテーションには、両方ではなく、href または data-remote 属性のいずれかを使用する必要があると記載されています。

また、クリックからの終了「}」がありませんでした。

于 2013-01-21T10:15:54.857 に答える