我如何更改dblclick（）的圖標顏色

-1

我正在嘗試更改字體使用帶有dblclick（）的jQuery的令人敬畏的圖標顏色。基本上我想，當圖標上的用戶雙擊來改變顏色，但它給了我一個錯誤我如何更改dblclick（）的圖標顏色

HTML

<body> 
    <div class ="contain"> 
     <div id ="pic"> 
      <img src ="https://www.w3schools.com/css/img_fjords.jpg"/> 
     </div> 
     <div id="desc"> 
      <div id="img-row"> 
       <i class="fa fa-heart-o" aria-hidden="true"></i> 
      </div> 
      <p><!---- some text ---></p> 
     </div> 

     </div> 
    </body>

的Javascript

$(document).ready(function(event){ 
    $('.fa fa-heart-o').dblclick(css("color", "red")); 
});

任何幫助，高度讚賞。

來源

2017-08-14 derekleiro

等待，什麼是錯誤？這對我們來說可能很重要。 – ecain

它在線編輯器控制檯給我「JavaScript錯誤」。但現在已經修復了。我用span來封裝Font Awesome元素，它工作。 – derekleiro

您需要爲dblclick事件提供處理函數。在處理函數中，您可以使用this來更改單擊元素的顏色。這樣的事情：

$(document).ready(function(event){ 
     $('.fa fa-heart-o').dblclick(function(){ 
      $(this).css("color", "red"); 
     }); 
    });

來源

2017-08-14 20:52:26 Dij

jinx，no jinxs backs – Surreal

我已經這樣做了，但它不會影響圖標，但是當我將它切換爲可以說一個段落時，它工作得很好。我如何使圖標響應此功能？ – derekleiro

你可以製作一個工作片段或小提琴嗎？ – Dij

您的dblClick是正確的，但後來它正在尋找一個函數調用。你可以在這裏瞭解更多https://api.jquery.com/dblclick/

$(".fa fa-heart-o").dblclick(function() { $(this).css("color", "red") });

來源

2017-08-14 20:52:32 Surreal

我如何更改dblclick（）的圖標顏色

回答

相關問題