Question

我是jquery的新手，并尝试构建一个完整的页面响应滑块。它工作得很好，除了我想在每个幻灯片/百分比值发生不同的事情。我的所有幻灯片都在'滑块'中，宽度为100％，所以：

幻灯片1 - （可见时）'滑块'左0 slide 2 - 'slider'left -100percent
幻灯片3 - '滑块'左侧 - 上半年等等

第一个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();
                } 
     });    
});

非常感谢任何帮助！谢谢。

Answer 1

offset()由jQuery规范化，始终返回px个值;无论你应用什么CSS元素。

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

Answer 2

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

100% >> $('#slider').width()
700% >> $('#slider').width() * 7

jQuery留下位置百分比＆amp;如果声明

2 个答案: