jQuery .click（）に問題があります

Question

jquery .clickがトリガーしていない理由がわかりません。 HTML/JSはここで見つけることができますenter code herehttps://jsfiddle.net/o2gxgz9r/10192/

.click（）=文が削除された場合、私は左による位置に起動時に動作しないことを承知しています場合でも、私が見つけた1

Answer 1

2つのことが正しいことが必要： -

1.このコード： - if状態が返されますので

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

それは前に進むことはありません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/

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>"を設定するとトリガされ、トリガされない理由である "position = 1"が初期化されています。

Answer 4

defineは以下のように機能し、ブラウザで適切なスペースを取得することによってdivに適切なCSSを与えます。

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