2009-12-23 6 views
1

HTML:wrap jQuery() ne fonctionne pas

<input type="text" class="text text-1" /> 

jQuery

$('input.text-1').wrap('<span class="textfield-1"></span>'); 

CSS:

.textfield-1 { 
    border: 1px solid #d00; 
    display: none; 
} 

wrap() ne semble pas fonctionner. Je ne vois pas enveloppé autour de l'entrée dans firebug. Si elles étaient enveloppées, les entrées seraient masquées avec display: none, mais elles ne le sont pas.

Qu'est-ce que je fais mal ici?

Merci

+0

Quel est le résultat produit et en quoi est-il différent de ce que vous attendiez? –

+0

Je ne vois pas enroulé autour de l'entrée dans firebug. Si elles étaient bien emballées, les entrées seraient masquées avec display: none, mais elles ne le sont pas. – 3zzy

+0

Le code fonctionne bien. Votre problème est ailleurs. –

Répondre

1

Fonctionne bien pour moi. Est-il possible que vous ayez une erreur javascript sur la page qui empêche l'exécution du code?

Voici mon test. L'élément devient invisible et je peux voir qu'il est enveloppé dans la durée.

<html> 
<head> 
<style type="text/css"> 
.textfield-1 { 
    border: 1px solid #d00; 
    display: none; 
} 
</style> 
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" language="javascript"> 

    $(function(){ 
      $('input.text-1').wrap('<span class="textfield-1"></span>'); 
    }); 


</script> 
</head> 
<body> 
<input type="text" class="text text-1" /> 
</body> 
</html> 
+0

Ah oui, une autre fonction avait "& &" au lieu de &&. Merci quand même! :) – 3zzy