Jquery模式彈出窗口返回查看並顯示確認後的摘要消息

我有一個模式彈出窗口只是爲了確認。當點擊「繼續」時，它關閉，並進入控制器「操作刪除」並返回。但是在返回到視圖之後，摘要消息驗證div並未顯示出我想要的內容。Jquery模式彈出窗口返回查看並顯示確認後的摘要消息

這裏是DIV代碼模式：

<div id="delete-dialog" title="Confirmation"> 
    <p>Are you sure you want to delete this?</p> 
</div> 

<script type="text/javascript" lang="javascript"> 
    //$(document).ready(function() { 

     $(function() { 
      var deleteLinkObj; 


      $('.delete-link').click(function() { 
       deleteLinkObj = $(this); //for future use 
       $('#delete-dialog').dialog('open'); 

       return false; // prevents the default behaviour 
      }); 

      $('#delete-dialog').dialog({ 
       autoOpen: false, 
       width: 400, 
       height: 250, 
       resizable: false, 
       modal: true, //Dialog options 

       buttons: { 
        "Continue": function() { 
         $.post(deleteLinkObj[0].href, function (data) 
         { //Post to action 
          if (data == '') 
          { 

          } 
          else 
          { 

          } 

         }); 

         $(this).dialog("close"); 
        }, 
        "Cancel": function() 
        { 
         $(this).dialog("close"); 
        } 
       } 
      }); 
     }); 
    //}) 
</script>

所以我基本上希望它做的，是要控制，如果「繼續」被點擊，並顯示彙總消息。

那麼我怎樣才能停止從控制器來的jquery函數的執行？

我得到了模態代碼this網站

來源

2013-02-08 Yustme

什麼是你是從你的控制器返回的jQuery當你點擊'繼續' –

我的意思是從控制器返回後，$ .post中的'data'包含了什麼？ –

它包含一個完整的html頁面。控制器返回一個結果，這是一個總結驗證。 – Yustme

你應該使用jQuery.append您的回調中，後門柱。

正如你沒有顯示任何股利。我假設的股利爲

<div id="summary"></div>

這是最後的對話你怎麼是：

$('#delete-dialog').dialog({ 
     autoOpen: false, 
     width: 400, 
     height: 250, 
     resizable: false, 
     modal: true, //Dialog options 

     buttons: { 
      "Continue": function() { 
       $.post(deleteLinkObj[0].href, function (data) 
       { //Post to action 
        if (data == '') 
        { 

        } 
        else 
        { 
         $('#summary').append(data); // this will append the content in data to your div with id as summary 
        } 

       }); 

       $(this).dialog("close"); 
      }, 
      "Cancel": function() 
      { 
       $(this).dialog("close"); 
      } 
     } 
    });

希望它可以幫助

來源

2013-02-08 12:19:11

我在搜索幾小時後發現了另一個模態對話框代碼。它與你的相匹配。標記爲已回答，謝謝！ – Yustme

Jquery模式彈出窗口返回查看並顯示確認後的摘要消息

回答

相關問題