AjaxのリフレッシュがjqModalの機能を失う

Question

私の.net/mvcアプリケーションでjqModalを使用して、単純なjqueryモーダルポップアップを実行しようとしています。レコードをリストし、編集を行うためのモーダルダイアログをポップアップするための「編集」ボタンがあるテーブルがあります。私がサブミットしたら、モーダルポップアップを隠し、.ajax（）メソッドを使って下の表をリフレッシュします。

しかし、「編集」ページをクリックすると、jqModalは起動せず、代わりに（モーダルポップアップではなく）直接編集ページに移動します。

私はjqModalスクリプトをajaxコールバックの後に再注入しようとしましたが、どちらも動作しません。どのような助けも感謝！

$.ajax(
{ 
    type: "GET", 
    url: "HomePage/ViewTimelineFeatures", 
    dataType: "html", 
    success: function(result) { 
      $("myDiv").html(result); 
      // Now re-initialize jqModals here doesn't work... 
     } 
    }); 

Answer 1

htmlの更新後にトリガーを再度追加する必要があります。私はまったく同じ問題を抱えていました。

$（ "＃blah"）と呼ぶときjqmodal ... .jqmodalクラスのトリガーを設定して、モーダルにコンテンツを読み込みます。これらをAjaxでロードしていると仮定していますか？そうですね、

$("#someDiv").jqModal({ajax:'@href'}); 

私はあなたの上のajaxコードとちょっと混乱しています。これはあなたが編集したアイテムの保存ですか？これは通常はgetではなく、putです。とにかく、あなたは更新されたデータでテーブルをレンダリングし、既存のものを置き換えるように見えます。 以降

$（ "myDiv"）.html（result）;あなたは、いくつかのHTML/Ajaxのコードを貼り付けたい場合は、私はこれを確認することができます（あなたが最初の場所で.jqModalを使用と仮定して）あなたの編集リンクに再びトリガを追加するには

$("#someDiv").jqmAddTrigger(".jqModal"); 

が必要

。