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”}）;