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');