Question

我需要你的帮助。基本上，下面的代码称为通用部分的4倍。每个部分都包含带铅笔图标的编辑按钮。我需要在用户单击“编辑”按钮后隐藏“铅笔”图标（因为它将切换到“取消”模式）。有人可以帮我吗？

> <div class="highlighted">

<span class="float-left paddingleft10"><a class="bold">@Html.Raw(Model.Name)</a></span>    
@if (Model.IsEditButtonVisible)
{ 
    <span class="float-left paddingleft20">        
    <span class="icon pencil float-left"></span>
    <a class="mode @Model.Mode dark teal section-normal"             href="javascript:void(0);">@Model.EditButton</a>
    </span><span class="clear-fix"></span>
}     </div>

Answer 1

将js onclick事件onclick="javascript:this.style.display='none';"添加到EditButton超链接，如此

     <a class="mode @Model.Mode dark teal section-normal" href="javascript:void(0);" 
onclick="javascript:this.style.display='none';">@Model.EditButton</a>

当您点击此链接时，js会触发并隐藏您的链接

请参阅DEMO

Repetitive Div Generic

1 个答案: