0

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

这是代码：

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

根据jsFiddle

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

4

3 回答 3

1

将代码写入：DOM

$(document).ready(function() {
      $('textarea').click(function(){
          $('textarea').removeClass('active');
          $(this).addClass('textareastyle');
     });    
});
于 2013-04-04T14:56:23.937 回答
1

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

小提琴

$('textarea').focus(function(){
    $(this).toggleClass('textareastyle');
});
$('textarea').blur(function(){
    $(this).toggleClass('textareastyle');
});
于 2013-04-04T14:58:04.337 回答
0

这是来自您的 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 时对其进行评估。

查看初学者教程以及API 文档。

于 2013-04-04T15:00:43.017 回答