Question

我用jQuery编写了一个非常简单的脚本，但它在Firefox中不起作用：

<a href="" class="po">any text</a>
<form>
    <input type="text" class="infobox" />
    <br />
    <textarea class="me"></textarea>
    <input type="submit"   value="click"  class="submit" />
</form>

的jQuery

var vl = $('.po').text();
$('.po').click(function(){
    $('.me').val(vl);
});

为什么这个脚本在Firefox中不起作用？提前致谢

Answer 1

$(".po")是一个链接，因此您应该使用 event.preventDefault() 或return false，这样您点击它时就不会离开页面。< / p>

还要确保使用script代码

<a href="" class="po">any text</a>
<form>
<input type="text" class="infobox"/>
<br />
<textarea class="me"></textarea>
<input type="submit"   value="click"  class="submit"/>
</form>
<script type="text/javascript">
var vl = $('.po').text();
$('.po').click(function(event){
    $('.me').val(vl);
    event.preventDefault();
});
</script>

的 Try it out with this jsFiddle

或者，你可以像这样把JS放在头上：

<html> <head> <script type="text/javascript"> $(function() { \\ <== doc ready var vl = $('.po').text(); $('.po').click(function(event){ $('.me').val(vl); event.preventDefault(); }); }); </script> </head> <body> <a href="" class="po">any text</a> <form> <input type="text" class="infobox"/> <br /> <textarea class="me"></textarea> <input type="submit" value="click" class="submit"/> </form> </body> </html>

的 Try it out with this jsFiddle

Answer 2

您的代码似乎没问题，请尝试将其放入现成的处理程序中：

<script type="text/javascript">
$(function(){
  var vl = $('.po').text();
  $('.po').click(function(){
      $('.me').val(vl);
      return false;
  });
});
</script>

textarea的值：firefox中的问题

2 个答案:

的 Try it out with this jsFiddle

的 Try it out with this jsFiddle