Проблема с свойством отображения CSS

Question

Мне нужно показать кнопку удаления, когда щелкнули что-то вроде кнопки редактирования, и в обычных случаях я не хочу ее показывать.

В нормальном случае кнопка удаления не появляется, но когда мы идем и помещаем/наводим указатель мыши на позицию, в которой находится эта кнопка удаления, и нажимаем на нее (здесь мы не видим кнопки удаления), все эта функциональность происходит, когда она будет нажата.

Когда я хочу показать кнопку удаления,

<?php if($something){ ?> 
<i class="fa fa-times-circle remove" 
style="margin-left: 5px; margin-top: 5px;" 
onclick="function('parameter')"></i> 
<?php } ?> 

Когда я не хочу, чтобы показать кнопку,

<?php if($someOTHERthing){ ?> 
<i class="fa fa-times-circle remove" 
style="margin-left: 5px; margin-top: 5px;display: none" 
onclick="function('parameter')"></i> 
<?php } ?> 

и код JavaScript, когда кнопка редактирования щелкнул,

$('.remove').css('display', 'inline'); 

Answer 1

Просто назначьте и удалите обработчик кликов с помощью jQ uery. Это чище, чем иметь его в вашем HTML в любом случае.

Так когда кнопка редактирования будет нажата, вы будете иметь:

$('.remove').css('display', 'inline'); 
$('.remove').on('click', function() { 
    // Your code here 
}); 

И когда кнопка удалить должен скрыть:

$('.remove').css('display', 'none'); 
$('.remove').off('click');