Question

我在表格中有textarea，想通过点击调整textarea的大小。我在jsFiddle中测试过脚本，但它在我的项目中没有用。比我连接脚本简单页面但没有成功。 jQuery已连接，另一个脚本正常工作，css已连接。

以下是代码：

$('textarea').click(function(){
    $('textarea').removeClass('active');
       $(this).addClass('textareastyle');
});

根据jsFiddle

使用Firefox 20.0和jQuery 1.9.1（缩小版）进行测试

Answer 1

将代码写入：DOM

$(document).ready(function() {
      $('textarea').click(function(){
          $('textarea').removeClass('active');
          $(this).addClass('textareastyle');
     });    
});

Answer 2

使用.focus()和.blur()代替.click()

Fiddle

$('textarea').focus(function(){
    $(this).toggleClass('textareastyle');
});
$('textarea').blur(function(){
    $(this).toggleClass('textareastyle');
});

Answer 3

以下是jsFiddle的编译代码：

<html>                                                                  
    <head>                                                                  
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>        
         <script type="text/javascript">                                         
            $(document).ready(function() {
                  $('textarea').click(function(){
                      $('textarea').removeClass('active');
                      $(this).addClass('textareastyle');
                 });    
            });                         
         </script>
         <style>
             .textareastyle{
                width: 300px; 
                height:300px; 
                position: fixed;
                margin-top:-2%;
                margin-left:30%;
                background-color:yellow;
                color: black;
            }
        </style>                                      
    </head>                                                                 
<body>                                                                  
   <textarea class="dd"></textarea>                                    
</body>                                                                 
</html>

适用于Firefox和Chromium。

请记住在$(document).ready()方法中包装这样的代码，以便在加载DOM时对其进行评估。

查看the beginner's tutorial以及API doc。

在jsFiddle中测试的jQuery脚本在firefox中不起作用

3 个答案: