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