2012-03-02 57 views
0

我试图隐藏ActionLink后单击使用下面的代码,不幸的是它不起作用。也许有人可以指引我正确的方向?单击后隐藏Ajax.ActionLink

@foreach (var conversionModel in Model) 
{ 
    @Ajax.ActionLink("Delete file", "DeleteFile", "Converter", new { id = @conversionModel.ProcessId }, null, 
         new AjaxOptions 
         { 
          OnSuccess = "hideLabel" 
         }) 
} 

<script type="text/javascript"> 

    function hideLabel(){ 
     $(this).hide(); 
    } 
</script> 

回答

2

我认为它是因为

$(this) 

我不认为 “$(本)” 在这里工作,从而把一个类你ActionLink的

@Ajax.ActionLink("Delete file", "DeleteFile", "Converter", new { id = @conversionModel.ProcessId, class ="myclass" }, null, 
         new AjaxOptions 
         { 
          OnSuccess = "hideLabel" 
         }) 

,并使用

<script type="text/javascript"> 

    function hideLabel(){ 
     $('.myclass').hide(); 
    } 
</script> 
+0

使用班级时,所有按钮都将被隐藏。如果只想隐藏活动actionlink,则需要将actionlink的id传递给javascript函数。 – Marthijn 2012-03-02 10:06:05