2012-04-23 93 views
1

我正在使用.NET MVC3 ....我有一個局部視圖,當使用ajax單擊按鈕時呈現到頁面中。 。如何在按下取消按鈕時取消部分視圖

$('#myLink').click(function() { 
    $('#partial2Div').load(this.href); 
    return false; 
}); 

但是...我有一個取消按鈕內部時,它負載,我試圖找出如何有「原始」網頁保存其狀態這個局部視圖(它有它的編輯字段)當這個取消按鈕被按下時...只是局部視圖消失。

+0

你是什麼意思,*保持其狀態*?你只觸摸** partial2Div **,那麼爲什麼頁面的其他部分會發生變化? – McGarnagle 2012-04-23 01:48:17

+0

在你的例子中'#partialDiv2'是否被新內容所取代? (也就是說,您希望'.load()'調用之前的內容返回?) – 2012-04-23 01:48:20

回答

1

如果你已經更新了partial2Div然後改變你的邏輯不這樣做,而不是有另一個div你的部分將被插入,如果不是這種情況和partial2Div只是爲了這個部分你只需要隱藏該div如下:

$("cancel").click(function(){ 
    $("partial2Div").hide(); 
}); 
2

如果不加載完整頁面,則無法卸載部分視圖。

但是您可以顯示/隱藏它,只需將局部視圖放在div中並將按鈕隱藏在點擊按鈕上即可。或者從DOM完全刪除元素。

2

按照jQuery API,有當內容已經被加載回調。你應該可以嘗試這樣的事情:

$('#myLink').click(function() { 
    $('#partial2Div').load(this.href, function(){ 
     $("#id-of-cancel-button").click(function(){ 
      $("#partial2Div").hide(); 
     }); 
    }); 
    return false; 
}); 

只要確保在綁定它時引用取消按鈕的ID!

1
$("cancel").click(
    function() 
    {  
    $("partial2Div").html(''); 
    } 
);