2014-01-16 1 views
0

Мне нужна ваша помощь. В принципе, код ниже называется 4 раза как общий раздел. Каждый раздел содержит кнопку «Редактировать» с помощью значка «Карандаш». Мне нужно скрыть значок «Карандаш», как только пользователь нажмет кнопку «Изменить» (поскольку он переключится в режим «Отмена»). Может ли кто-нибудь помочь мне в этом?Повторяющееся Div Generic

> <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> 
+0

Вот код. – Scuttle

+0

Какая ошибка вы получаете? –

+0

Я не получаю сообщение об ошибке. вместо этого используется этот код $ ("span.pencil"). addClass ('hidden'); скрывает всю строку во всех разделах. Мне нужен только секретный раздел. Например, я нажал кнопку редактирования в разделе 1, она будет скрывать только значок в разделе 1, а другие разделы не должны быть затронуты. – Scuttle

ответ

0

добавить расслоение плотной 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

+0

Спасибо за то, что, к сожалению, мне нужно скрыть это изображение, кроме EditButton, и переключить метку editbutton на «Cancel» – Scuttle

+0

, а затем изменить функцию onclick и дать идентификатор вашего изображения id 'onclick =" javascript :('your_image_tag_id') .style.display = 'none'; "' –

+0

Спасибо Satish, но ICON ссылается как CLASS и ему нужно вернуться после того, как значение кнопки снова станет EDIT. Scuttle

Смежные вопросы