JQuery不透明度フィルタ - jquery、不透明度

シンプルなスクリプトがあります。これは、基本的には、順序付けされていないリストアイテムの不透明アイテムを、選択に一致しない場合に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の不透明度のアイテムはクリックできません。

回答：

使用 ポインタイベント 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-events HTML要素の場合は、Chrome 2.0以降、Firefox 3.6以降、Safari 4.0以降でのみサポートされています。IEやOperaではサポートされていません。

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

$(".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の中にアンカータグがありますか？