使用jQuery .click（）有麻煩

Question

不知道為什么jquery .click沒有觸發，請幫忙。 HTML / js可以在這里enter code here https://jsfiddle.net/o2gxgz9r/10192/

即使刪除了語句，.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
    }
});

但是，我單擊代碼position -= 1;兩個div部分position -= 1; 它仍然可以工作

希望這個幫助

Answer 2

您的jquery.click觸發方式正確。 您已經應用了以下條件：如果僅“ position> 1”會觸發，並且您已經初始化了“ position = 1”，這就是為什么它不會觸發，一旦設置了“ position> 1”就會觸發。

Answer 3

如下定義函數，並通過在瀏覽器中獲取適當的空間來給div適當的CSS。

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

Answer 4

有兩件事是正確的：

1.此代碼：-

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

它永遠不會前進，因為if condition返回false（因為您已經定義了position =1 ）。

因此，要么將此條件更改為position >= 1要么將position =2; //or more 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/