jQueryを使用して簡単な画像スライドショーを作成しました。上記の各画像をクリックすると同じ機能を実行するには、「次へ」ボタンが必要です。私はnoobieなので、私は問題を得ることができません。関数を呼び出す
$('.show').each(function(){
var $this = $(this);
$this.children('li').hide().eq(0).show();
var activeli = $this.find('li');
activeli.click(function() {
var $this = $(this);
var $next = $this.next();
if ($next.length === 0) {
$next = $this.parent().children(':first');
}
$this.hide();
$next.show();
});
// My issue is there
$('.next').click(function() {
activeli.click();
});
});
何が問題なのですか? –
最初に、(どちらの場合でも).click()を呼び出すときに、 "activeli"の周りに$()は必要ありません。次に、htmlページにあるすべてのli要素に.clickイベントを追加します。そして、私はあなたがアクティブな要素を1つだけ持つべきだと思います。そのためには、アクティブな要素に特殊なcss形式を追加して、他の要素から1つだけ外してください。 – Ibolit