Javascript滑块问题

Question

您好，我目前正在编写我老板给我的脚本，但它不适用于除 IE 之外的所有浏览器。

现在他正在使用 CSS 属性 left 对其进行动画处理，因此他有一个变量来获取 left 的当前值。例如让我们说left等于-100px。

现在一旦有了这个值，它就会将10px 添加到该值上，使其从左侧移入。

现在我的问题在于parseInt() 和号码末尾的"px" 前缀。它不断返回 NaN 而不是 left 的值。

有人知道如何解决这个问题吗？

提前致谢

---

更新： 好的，我已经重写了代码和it can be viewed here，通过重写我的意思是我已经接受了我老板的代码并更改了变量名称并对其进行了评论，以便更容易理解并查看它试图用 javascript 完成什么。

现在滑块的目的是让他在 IE 中选择 DIV 从左侧滑入到位（DIV 偏移 -760px）这工作正常，但在任何其他浏览器中都没有。然而，我已经为其他浏览器想出了一个修复方法。通过从 -760 的末尾删除样式表中的px，它会导致 DIV 出现，但它不会按照应有的方式滑动。

为了方便我在这里为他们提供滑块 html 和 CSS 以提供一点帮助。

The HTML

The CSS

Answer 1

使用parseFloat 代替parseInt

Answer 2

你可以试试这样的：

// should return e.g. "10px":
var valueAsString = document.getElementById('slideDiv').style.left;

// remove "px" at the end, so w will only contain "10":
numericPartOfValue = value.substring(0, value.length - 2);
var w = parseInt(numericPartOfValue);

if(w < 0) { 
   w = w+10; 
   // Note: Updated after the comment below:
   document.getElementById(slideDiv).style.left =w + "px";
}

Answer 3

尝试捕捉

try{
  w=parseInt(document.getElementById("slideDiv").style.left+"make me string");
}catch(e){
  w=0;
  alert(e.toString());
}