Comment écrire une chaîne de caractères en utilisant jQuery ?

Question

J'ai ce bout de jQuery avec HTML. Malheureusement, il ne fonctionne pas correctement. Quelqu'un peut-il me conseiller sur la manière dont il devrait fonctionner ?

var Bred =("<div class='TakeMeTo' style='width:" + width + "px; right: " + width + "'>" + whereTo + "</div>");

Merci d'avance pour votre aide

Answer 1

Je ne suis pas sûr de ce que vous voulez dire par "ça ne fonctionne pas correctement". Que se passe-t-il exactement ? Quoi qu'il en soit, il est généralement préférable de construire du HTML dynamique de cette manière :

var Bred = $("<div></div>").addClass("TakeMeTo")
  .css("width", width + "px").css("right", width)
  .text(whereTo);

Utilisez css() au lieu de définir directement le style attribut. Si vous le souhaitez, vous pouvez utiliser .html(whereTo) à la place, selon ce qui est approprié.

Pourquoi le faire de cette façon ? Les choses s'échapperont correctement.

Answer 2

Je pense que j'ai trouvé la racine de votre problème.

vous devez spécifier une unité px pour la propriété css "right", comme ci-dessous :

 var Bred =("<div class='TakeMeTo' style='width:" + width + "px; right: " + width + "px;'>" + whereTo + "</div>");

Remarquez la deuxième [ "px;'>" ] après [ right : " + width + ].

Answer 3

Celui-ci fonctionne bien. Merci à tous pour vos suggestions

var Bred = $("<div></div>").attr("class", "TakeMeTo").attr("style", "width:" + width + "px; right: " +  width  + "px").text(whereTo);