jQuery 事件 - 显示事件在 Firefox 中无法正常工作答案

【问题标题】：jQuery events- show event doesn't work well in firefoxjQuery 事件 - 显示事件在 Firefox 中无法正常工作
【发布时间】：2015-06-10 01:22:31
【问题描述】：

我必须在点击事件上显示一个按钮。

我正在使用以下代码：

$('.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 次后才会显示。

【问题讨论】：

HTML 看起来不正确。至少，我没有看到任何使用 .message-interaction 或 .message-edit CSS 类的元素。
HTML 很好....我没有放所有代码。我把相关的元素。该表单位于具有“message-edit”类的 div 内，该类位于另一个具有“message-interaction”的 div 内。

标签： jquery firefox click jquery-events

【解决方案1】：

它在 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>

【讨论】：