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

使用jQuery分配和删除单击处理程序。它比在HTML中使用它更干净。

因此，当点击编辑按钮时，您将拥有：

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

当删除按钮隐藏时：

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