Asp.Net MVC/jQueryツールオーバーレイ：ajaxの戻り値でクローズする方法

Question

オーバーレイで表示するポップアップにAjaxフォームがあります。私はajaxを介してポップアップを提出し、Ajax呼び出しが成功した場合にオーバーレイを閉じる必要があります。ここで

は、現在、私のJSコードです：

<script type="text/javascript"> 
    $(function() { 
     // Handle form submit ... 
     $("#AddVariableForm").live("submit", function (event) { 
      event.preventDefault(); 
      var form = $(this); 
      $.validator.unobtrusive.parse('#AddVariableForm'); 
      $.ajax({ 
       url: form.attr('action'), 
       type: "POST", 
       data: form.serialize(), 
       success: function (data) { 
        if(data.Success){ 
         $("#adm-form-addVariable").data("overlay").close(); 
        } 
       }, 
       error: function (jqXhr, textStatus, errorThrown) { 
        alert("Error '" + jqXhr.status + "' (textStatus: '" + textStatus + "', errorThrown: '" + errorThrown + "')"); 
       }, 
       complete: function() { 
        alert('complete'); 
       } 
      }); 
      return false; 
     }); 
    }); 

</script> 

問題は、それが現在何を閉じていないということです。私はクロムデバッグモードで二重にチェックされていますが、それはメソッドに含まれていますが、何もしません。私はJSエラーもチェックしなかった。

私は

$("#adm-form-addVariable").overlay({ api: true }).close() 

が、同じ問題を実行しようとしました。 。（ "＃ADM-フォームaddVariable"）オーバーレイ（{API：真}）

$：私はこれを行う場合は

$(".adm-btn-overlay-trigger[rel]").overlay(
     { 
      mask: { 
       color: '#111', 
       loadSpeed: 300, 
       opacity: 0.9 
      }, 

      closeOnClick: true 
     } 
    ); 

：ここ

は、私はそれを宣言する方法です。 isOpened（）

不明な点があります。

私は間違っていますか？

Answer 1

私はあなたがオーバーレイ、トリガ素子に近接していない呼び出す必要があります確信している：

http://jsfiddle.net/Fwzwc/2/

$(".adm-btn-overlay-trigger[rel]").overlay().close();

あなたの場合には免責事項：私はjqueryのを使用したことがありません前のツールと同じですが、私のバイブルで見るように、動作するようです。

更新：これを複数のトリガーで動作させるには、オーバーレイを開いた正確なトリガーを見つける必要があるようです。例はhttp://jsfiddle.net/Fwzwc/3/を参照してください。

それは（近い（）.overlay呼び出して、オーバーレイのdivのIDを見つけ、に要約）のrel = overlayIdトリガに：。

$("img[rel='#" + overlayId + "']").overlay().close();