モーダルロードを2回

Question

ajaxを使用して外部URLからモーダルのコンテンツをロードする際に問題があります。私のモーダルが2回表示されていることを除いて、すべてうまく動作します。初めてモーダルが空になり、ajax呼び出しのローダーgifが表示されます。その後、モーダルは良い情報で再ロードされます。私の見解では

、私は一つだけモーダル要素があります。

<div id="TheModal" class="modal fade text-center"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     </div> 
    </div> 
</div> 

と外部のJavaScriptファイルで、私はモーダルの明確な以前のデータのためにこれを行うと、新しい件のデータをロードします。

$(document).on('click', '.ls-modal', function(e) 
{ 
    e.preventDefault(); 
    $('.modal-content').html('test'); 
    $(this).removeData('bs.modal'); 
    $('#TheModal').find('.modal-content').load($(this).attr('href')); 
}); 

を

注意（私は削除したい）私のモーダルの最初のロードでは、私は言葉「test」を見ることができる内容で...

誰かがアイデアを持っていること？

ありがとう、私の悪い英語を申し訳ありません！

Answer 1

あなたは、このコードを試してみてください.off()

を使用して、個々のハンドラを削除する必要が

$(document).off('click', '.ls-modal'); 
$(document).on('click', '.ls-modal', function (e) 
{ 
    e.preventDefault(); 
    $('.modal-content').html('test'); 
    $('#TheModal .modal-content').html(''); 
    $('#TheModal').find('.modal-content').load($(this).attr('href')); 
}); 

---

参考：

• .off()
• .on

Answer 2

モーダルをロードするアクションを含むカスタムjavascriptファイルをロードする場合は、そのjavascriptファイルを一度ロードするだけであることを確認してください。

私はASP.Net MVCの部分的なビューで作業していたときにこの問題が発生しました。