bootstrapのmodal-remoteの2つのローディング方法を詳しく解説します。【強化】

<a href="demo.jsp" data-toggle="modal" data-target="#mymodal">  </a>

に動的にロードされます。もちろんここの接続はcontrollerでもいいです。
方法二：
スクリプトを使う

$("#myModal").modal({  
  remote: "page.jsp"  
});  

しかし、このようにロードすると、問題があります。modalデータは一回だけロードします。もし違うデータをロードするなら、例えば、idによって詳しい情報を調べても、modalのデータは更新できません。たとえ送信されたid値が違っても。実は解決方法は簡単です。次のデータをロードする前に、前にロードしたデータをクリアすればいいです。
最も簡単な方法はmodalのhiddenをモニターすることです。modalがオフになったらデータをクリアすればいいです。

//v2 
$("#myModal").on("hidden", function() {  
  $(this).removeData("modal");  
});  
//v3 
$("#myModal").on("hidden.bs.modal", function() {  
  $(this).removeData("bs.modal"); 
});  

問題が来ました。要求されたページには、例えばブートストリップ-validatorやブートストリップ-fileinputなどのアドインが怪しい現象が発生します。初めて正常に実行され、modalをオフにします。第二回、$繰り返し発見した後、「hidden.bs.modal」のモニターは毎回実行されましたが、「div class=「modal-content」にロードされたデータはクリアされていません。この原因による現象かもしれません。

$("#myModal").on("hidden.bs.modal", function() {  
  $(this).removeData("bs.modal"); 
  /*modal    $()  ,          <span style="color: rgb(51, 51, 255);"><div class="modal-content"></div></span>      ，         */ 
  $(this).find(".modal-content").children().remove();  
});  

このような問題は解決されました。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。