0

順序付けされていないリスト項目の不透明度項目が選択と一致しない場合、基本的に 0.1 に調整する簡単なスクリプトがあります。

$('ul.filter li a').click(function() {
    var getvalue = $(this).attr('rel');
    $('.portfolioThumbs li.all').animate({opacity:0.1});
    $('.portfolioThumbs li.'+getvalue).animate({opacity:1});
    return false;
});

これに追加または変更するには、0.1 の不透明度項目をクリックできないようにするにはどうすればよいですか?

4

2 に答える 2

2

ポインタイベントのcssプロパティを使用します。

$('ul.filter li a').click(function() {
    var getvalue = $(this).attr('rel');
    $('.portfolioThumbs li.all').animate({opacity:0.1}).css('pointer-events', 'none');
    $('.portfolioThumbs li.'+getvalue).animate({opacity:1}).css('pointer-events', 'auto');;
    return false;
});

注：pointer-eventsHTML要素の場合、Chrome 2.0以降、Firefox 3.6以降、Safari 4.0以降でのみサポートされ、IEとOperaではサポートされません。

于 2013-03-22T06:35:13.270 に答える
0

不透明度を設定するときにクラスを追加するだけかもしれません

$('.portfolioThumbs li.all').animate({opacity:0.1}).addClass('addedClass');

その後

$('.portfolioThumbs li.addedClass').click(function(e) {
    e.preventDefault();
});

または、クラスを追加せずにクリックを防ぐことができます（クラスがあるため）

$('.portfolioThumbs li.all').click(function(e) {
    e.preventDefault();
});

ところで、なぜliアイテムのクリックを防ぎたいのですか..これらのliの中に、クリックを防ぎたいアンカータグがありますか？

于 2013-03-22T06:23:57.867 に答える