Quel est le problème ce script jQuery aperçu en direct?

Question

J'ai ce script dans jsfiddle, que tout en tapant im il devrait afficher le texte en direct ci-dessous.

est un script simple, mais je cnt semble voir quel est le problème, merci :))

http://jsfiddle.net/XWsqz/

---

EDIT: Ajout de code de lien.

$(document).ready(function(){ 
    $('#someTextBox').keyup(function(){ 
     $('#target').html(this.val()); 
    }); 
}); 

HTML

<textarea id="someTextBox"></textarea> 
<div id="target"></div> 

Answer 1

devrait être $(this).val() au lieu de this.val() parce this des points à l'élément DOM et non l'élément jquery qui a la fonction .val() définie:

$('#target').html($(this).val()); 

Answer 2

utilisation $(this).val() au lieu de this.val().

Le premier est un objet jQuery, le dernier, je pense, est simplement un noeud DOM.

Alors:

$(document).ready(function(){ 
     $('#someTextBox').keyup(function(){ 
      $('#target').html($(this).val()); 
     }); 
    }); 

JS Fiddle demo.

Answer 3

Vous devez faire $(this).val() au lieu de this.val()

Answer 4

.val() est une fonction jQuery, il ne fonctionne que lorsque vous appelez un objet jQuery.

this 

n'est pas jQuery seul (dans notre exemple). Vous devez envelopper dans $(), comme suit:

$(this) 

Ainsi serait la bonne façon être comme ceci:

$("#target").html($(this).val()); 

Answer 5

Comme tout le monde suggère, $(this).val() fonctionnera. Cependant, cela n'a pas beaucoup de sens d'engager la surcharge de créer un objet enveloppé jQuery sur chaque touche unique. this.value est une meilleure option si vous n'avez pas besoin des méthodes étendues de jQuery sur cet élément:

$(document).ready(function(){ 
    $('#someTextBox').keyup(function(){ 
    $('#target').html(this.value); 
    }); 
});