2010-10-27 4 views
0

Je suis en train de déplacer un div gauche un certain montant de pixels J'utilise un curseur que je suis d'ici:JQuery Alter CSS Valeur de gauche

http://carpe.ambiprospect.com/slider/archive/v1.3/

Ainsi l'exemple de mes regards div comme ceci:

<div class="horizontal_slider" 
     id="your_slider_id" 
     style="left: 0px;" 
     onmousedown="slide(event, 'your_slider_id', 
     'horizontal', 100, 0, 100, 101, 
     0, 'your_display_id');" >&nbsp;</div> 

Si je Réglage sur la droite: 0px le curseur en mouvement le long de sa ligne, j'ai essayé de modifier la gauche d'une réponse ajax qui ressemble à ceci:

var stateofmindint = $.ajax({ url: "function.php?state=1", async: false }).responseText; 

Et j'essaie de changer son style de gauche comme ceci:

$("#your_slider_id").css({"left": stateofmindint +"px"}); 

Mais pour une raison quelconque, il reste à gauche: 0px, je l'ai essayé d'enlever l'étiquette de style dans la div, mais sans effet , J'ai aussi essayé de référencer la classe à la place de l'ID mais rien ne semble fonctionner! Je reçois définitivement une valeur chaque fois par ajax. Tout conseil vous aiderait à vous remercier!

+0

Cela semble correct. Vérifiez ce que contient réellement la variable 'stateofmindint'. – Guffa

Répondre

1

Vérifiez avec une alerte/console.log quelle est la réponse de votre script ajax ou essayez de mettre "stateofmindint" à une valeur connue dans le code pour tester quelle partie a le bug.

0

Vous avez manqué un "+" pour votre concaténation? semble que votre syntaxe est désactivée

css ({"left": stateofmindint + "px"});

devrait être?

css ({"left:" + stateofmindint + "px"});

+0

Non, il ne devrait pas. Un littéral d'objet est sous la forme '{" nom ": valeur}'. – Guffa

+0

C'est vrai, il utilise css avec un objet, donc "left" est la clé et stateofmindint + "px" est la valeur. Cela permet une assignation multiple, bien qu'elle devrait être plus rapide lorsqu'elle est appelée en tant que css ('left', stateofmindint + "px") – xPheRe

1

Il se passe quelque chose de bizarre. Sur cette page vous liez j'essayé d'utiliser la console pour voir des pyromanes les curseurs valeur de gauche avec la

suivante
$("#horizontal_slider_2").css("left", "30px"); 

Mais retourne jQuery nulle avec ce sélecteur. Les travaux suivants:

document.getElementById('horizontal_slider_2').style.left = '30px'; 

theres un bug qui se passe avec jQuery ou que le code curseur

Questions connexes