c# - 按下其中的取消按钮时如何卸载部分视图

Question

我正在使用.NET MVC3 ....当单击按钮时，我有一个部分视图呈现到页面中...

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

但是......我在加载时在这个局部视图内有一个取消按钮，我试图弄清楚当按下这个取消按钮时如何让“原始”页面保持其状态（它上面有编辑字段）。 ..只是让部分视图消失。

Answer 1

根据jQuery API，当内容被加载时有一个回调。你应该可以尝试这样的事情：

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

只要确保在绑定时引用取消按钮的 id 即可！

Answer 2

如果不加载整个页面，您将无法卸载部分视图。

但是您可以显示/隐藏它，只需将部分视图放在 div 中并在按钮单击时隐藏 div。或者从 DOM 中完全删除元素。

Answer 3

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

Answer 4

如果您已经更新了partial2Divthen 那么将您的逻辑更改为不这样做，而是在另一个 div 中插入您的部分，如果不是这种情况，并且partial2Div仅适用于该部分，您所要做的就是隐藏它div，如下所示：

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

Answer 5

事实是，你不能卸载它。

您可以将 div 的样式设置为“显示：无”。

$("partial2Div").hide();