jQuery的Alternate CSS值

Question

我正在嘗試使用從此處獲得的滑塊將div左移指定數量的像素：

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

所以從示例我的div看起來像這樣：

<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>

如果我調整左：0px滑塊沿着它的線移動，我一直試圖改變左邊的ajax響應，如下所示：

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

我嘗試這樣更改其Left樣式：

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

但是由於某種原因，它停留在Left：0px上，我試圖刪除div中的樣式標簽，但沒有任何效果，我也嘗試引用類而不是ID，但似乎沒有任何作用！ 我絕對每次都通過ajax獲得一個價值。 任何建議將幫助您！

Answer 1

使用alert / console.log檢查您的ajax腳本的響應是什么，或者嘗試將“ stateofmindint”設置為代碼中的已知值以測試哪個部分存在錯誤。

Answer 2

有些奇怪的事情發生了。 在該頁面上，您鏈接我嘗試使用firebugs控制台查看滑塊左側的值如下

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

但是jQuery使用該選擇器返回null。 以下作品：

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

因此，jQuery或滑塊代碼會出現一些錯誤

Answer 3

你的串聯錯過了一個“+”？ 看起來你的語法是關閉的

css（{“ left”：stateofmindint +“ px”}）;

應該？

css（{“ left：” + stateofmindint +“ px”}）;