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