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;

我尝试改变它的左派风格：

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

但由于某种原因，它保持在Left：0px，我试图删除div中的样式标记，但是没有效果，我也尝试引用类而不是ID，但似乎没有任何工作！我绝对每次都通过ajax获得一个价值。任何建议都会有所帮助，谢谢你！

Answer 1

使用alert / console.log检查ajax脚本的响应是什么，或者尝试将“stateofmindint”设置为代码中的已知值，以测试哪个部分有bug。

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

JQuery改变左边的CSS值

3 个答案: