1

我是 jquery 的新手，正在尝试构建一个完整的页面响应滑块。它工作正常，只是我希望在每张幻灯片/百分比值上发生不同的事情。我所有的幻灯片都在“滑块”中，宽度为 100%，所以：

幻灯片 1 - （当可见时）'slider' 左 0
幻灯片 2 - 'slider' 左 -100percent
幻灯片 3 - 'slider' 左 -200percent
等等

第一个 if 语句工作正常，但第二个没有效果，我也尝试过 'position' 而不是 'offset'

$('#next').click(function(){
    $('#slider').animate({'left': '-=100%'},
        function() {
            var pos = $('#slider').offset();
            if (pos.left < 0) {
                $('#div1').show();
                } 
            else if (pos.left == '-700%') {
                $('#div1').hide();
                } 
     });    
});

任何帮助深表感谢！谢谢你。

4

2 回答 2

0

offset()被 jQuery 规范化为总是返回px值；无论您对元素应用了什么 CSS。

top和值是数字，而left不是字符串，仅供参考。

于 2012-11-23T14:48:04.860 回答
0

您可以使用 jquery 以像素为单位的滑块宽度，$('#slider').width()并将其与百分率相乘，即可得到百分比。

100% >> $('#slider').width()
700% >> $('#slider').width() * 7
于 2012-11-23T14:48:24.487 回答