我正在使用.NET MVC3 ....当单击按钮时,我有一个部分视图呈现到页面中...
$('#myLink').click(function () {
$('#partial2Div').load(this.href);
return false;
});
但是......我在加载时在这个局部视图内有一个取消按钮,我试图弄清楚当按下这个取消按钮时如何让“原始”页面保持其状态(它上面有编辑字段)。 ..只是让部分视图消失。
我正在使用.NET MVC3 ....当单击按钮时,我有一个部分视图呈现到页面中...
$('#myLink').click(function () {
$('#partial2Div').load(this.href);
return false;
});
但是......我在加载时在这个局部视图内有一个取消按钮,我试图弄清楚当按下这个取消按钮时如何让“原始”页面保持其状态(它上面有编辑字段)。 ..只是让部分视图消失。
根据jQuery API,当内容被加载时有一个回调。你应该可以尝试这样的事情:
$('#myLink').click(function () {
$('#partial2Div').load(this.href, function(){
$("#id-of-cancel-button").click(function(){
$("#partial2Div").hide();
});
});
return false;
});
只要确保在绑定时引用取消按钮的 id 即可!
如果不加载整个页面,您将无法卸载部分视图。
但是您可以显示/隐藏它,只需将部分视图放在 div 中并在按钮单击时隐藏 div。或者从 DOM 中完全删除元素。
$("cancel").click(
function()
{
$("partial2Div").html('');
}
);
如果您已经更新了partial2Div
then 那么将您的逻辑更改为不这样做,而是在另一个 div 中插入您的部分,如果不是这种情况,并且partial2Div
仅适用于该部分,您所要做的就是隐藏它div
,如下所示:
$("cancel").click(function(){
$("partial2Div").hide();
});
事实是,你不能卸载它。
您可以将 div 的样式设置为“显示:无”。
$("partial2Div").hide();