私は現在以下のコードを持っています、そしてそれはうまく働きます。
$('.clickable').click(function(e){
e.preventDefault();
$('#toggle').slideToggle();
});
$('.clickable1').click(function(e){
e.preventDefault();
$('#toggle1').slideToggle();
});
ループの観点から奇跡を起こすには、リファクタリングする必要があります。最大5回のループを使用して、IDトグルとクラスクリック可能に番号を追加する1つのステートメントが必要です。
以下のようなもの
for(i = 0; i < 8; i++) {
$('.clickable'.' + i + ').click(function(e){
e.preventDefault();
$('#toggle'.' + i + ').slideToggle();
});
}
特定の数のオブジェクトに制限せずに、より柔軟なソリューションが必要な場合は、別のアプローチを使用できます。
すべてのクリック可能な要素(つまりクリック可能)に共通のクラスを使用し、属性を使用してclickable
ターゲットスライドを設定します。
HTML:
<a href='#' class='clickable' data-target='1'>Slide</a>
Javascript:
$('.clickable').click(function(e){
e.preventDefault();
$('#toggle' + $(this).data('target')).slideToggle();
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加