获取元素的像素宽度并转换为数字

时间:2011-06-21 00:03:29

标签: jquery pixel

如何获取元素的宽度。将其转换为百分比(%)。重置元素宽度+1。我喜欢jplayer音量也由鼠标控制。 问题是将像素宽度作为数字(整数)。

.jp-volume-bar-value以%为单位设置宽度,但jquery以px格式获取,因此必须转换为%(比率1.66)。

在var上使用parseInt似乎不起作用(得到一个不同的数字)。 谁可以帮忙?

      $('#volume-hold').bind('mousewheel', function(event, delta) {
        var loud =  $('.jp-volume-bar-value').css('width');
        var load = loud * 1.666666; //max px / 100
        var dir = delta > 0 ? 'Up' : 'Down',
            vel = Math.abs(delta);
        if (dir === 'Up') {
             var loud = loud + 1;
             $('.jp-volume-bar-value').css('width', '('+loud+')');
        }else{

        }            
        return false;
    });

1 个答案:

答案 0 :(得分:0)

parseInt可能无法正常工作,因为您没有设置基础。尝试:

var result = parseInt(loud * 1.666, 10); //sets parseInt to base 10

此外,您可能希望确保从jQuery获取的值是一个数字:

var width = Number($('#element').css('width'));

然后你可以尝试parseInt