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