使用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() { });