使用jQuery。点击（）有麻烦

Question

不知道为什么jQuery的。点击没有触发，请大家帮忙。 HTML/JS可以在这里找到enter code herehttps://jsfiddle.net/o2gxgz9r/10192/

。点击（），即使if语句被删除，据我所知，左不上开始由于位置工作不工作= 1

Answer 1

有两件事情需要是正确的： -

1.这个代码： -

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

它永远不会前进，因为if条件将返回假（因为您已经定义了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/

Answer 2

我发现你的代码有这条线。

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 3

你jquery.click以正确的方式触发。你已经应用了条件，如果“位置> 1”只有它会触发，你已经初始化“位置= 1”，这就是为什么它不触发，一旦你设置“位置> 1”，它会触发。

Answer 4

如下定义功能，并给予适当的CSS来div的通过，它会获取浏览器留出适当空间。

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