jQuery скрипт, протестированный в jsFiddle, не работает в firefox

У меня есть textarea в таблице и вы хотите изменить размер текстового поля по клику. Я тестировал скрипт в jsFiddle, но он не работает в моем проекте. Затем я подключился к скрипту просто на странице, но без успеха. jQuery подключен, работает другой скрипт, css подключен.jQuery скрипт, протестированный в jsFiddle, не работает в firefox

Вот код:

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

По jsFiddle

Испытано с Firefox 20.0 и JQuery 1.9.1 (уменьшенная)

источник

2013-04-04 user2027175

Какие ошибки вы видите в firebug? – JoeCortopassi

Написать свой код в: DOM

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

источник

2013-04-04 14:56:23 John

Спасибо! Теперь он работает – user2027175

Использовать .focus() и .blur() ins TEAD из .click()

Fiddle

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

источник

2013-04-04 14:58:04 tiagojpdias

Вот скомпилированный код с вашего 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.

источник

2013-04-04 15:00:43 akluth

jQuery скрипт, протестированный в jsFiddle, не работает в firefox

ответ

Смежные вопросы