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