遇到jQuery问题.click（）

Question

不确定为什么jquery .click没有触发，请帮忙。 可以在enter code here https://jsfiddle.net/o2gxgz9r/10192/

找到HTML / js 即使if语句被删除，

.click（）也不起作用，我知道由于position = 1，left在启动时不起作用。

Answer 1

我发现你的代码有这一行。

var position = 1;

在点击功能中

$('div.left-arrow').click(function() { 
    if (position > 1){
        //your code here
    }
});

这将永远不会有效，因为您的position是1.因此将2用于工作或

$('div.left-arrow').click(function() { 
    if (position >= 1){
        //your code here
    }
});

但是，我点击了您的div部分并使用您的代码position -= 1;仍然可以使用文件

希望这个帮助

Answer 2

你的jquery.click以正确的方式触发。您已应用条件，如果＆＃34; position＆gt; 1＆＃34;只有这样它才会触发，你已经初始化＆＃34; position = 1＆＃34;这就是为什么它没有触发，一旦你设置＆＃34; position＆gt; 1＆＃34;它会触发。

Answer 3

定义如下的函数，并给div提供正确的css，它将在浏览器中获得适当的空间。

$('.left-arrow').click(function() { });

Answer 4

需要纠正两件事： -

1。 此代码： -

$('div.left-arrow').click(function() { 
    if (position > 1){
        //your code here
    }
});

它永远不会前进，因为if条件将返回false（正如您已定义position =1）。

因此，请将此条件更改为position >= 1或将position =2; //or more

2。 您的left-arrow和right-arrow div都没有内容。所以他们不会占用浏览器上的任何区域，并且无法点击它们。

因此，请添加一些icon/content或添加一些CSS height/width，以便进行物理点击。

您的问题的解决方案： -

如下所示添加z-index: 99;： -

.left-arrow{
    left:0;
    bottom:0;
    z-index: 99;
}
.right-arrow{
    right:0;
    bottom:0;
    z-index: 99;
}

并且不要忘记将条件position >1更改为position >= 1

工作示例： - https://jsfiddle.net/4ywa7a5x/