jQuery events-顯示事件在Firefox中無法正常工作

我必須在點擊事件上顯示一個按鈕。jQuery events-顯示事件在Firefox中無法正常工作

我使用以下代碼：

$('.message-interaction textarea').on('click',function(e){ 
    e.stopPropagation(); 
    $(this).css('height','90px'); 
    $('.message-interaction .message-edit .button-blue').show(); 
})

的HTML代碼：

<g:form action="reply" id="${conversationInstance.id}"> 
         <div class="convo-body"> 
         <textarea class="reply input-text-big" rows="1" name="message" placeholder="Send a reply"></textarea> 
         </div> 
        <div class="mt-16"> 
         <button type="submit" class="pull-right button-blue" disabled>Send</button> 
       </div> 
        </g:form>

出於某種原因，按鈕僅後2次點擊所示。

來源

2015-04-05 sarit rotshild

的HTML看起來不正確。至少，我沒有看到任何使用.message-interaction或.message-edit CSS類的元素。 – Hoa 2015-04-05 15:15:03

HTML是好的....我沒有把所有的代碼。我把相關的元素。表單是在「message-edit」類中的一個div裏面，在另一個div裏面是「message-interaction」。 – 2015-04-05 21:49:11

它爲我工作在Firefox：

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
     <script> 
     $(document).ready(function(){ 
     $('textarea').on('click',function(e){ 
      e.stopPropagation(); 
      $(this).css('height','90px'); 
      $('.mt-16 .button-blue').show(); 
     }) 
     }); 
     </script> 
    </head> 
    <body> 
     <div class="convo-body"> 
     <textarea class="reply input-text-big" rows="1" name="message" placeholder="Send a reply"></textarea> 
     </div> 
     <div class="mt-16"> 
     <button type="submit" style="display: none" class="pull-right button-blue" disabled>Send</button> 
     </div> 
    </body> 
</html>

來源

2015-04-07 05:11:55

jQuery events-顯示事件在Firefox中無法正常工作

回答

相關問題