Mám jednoduchý skript, ktorý v podstate upravuje nepriehľadnosť položiek neusporiadaných položiek zoznamu na 0,1, ak sa nezhodujú s výberom.
$("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;
});
Ako to môžem pridať alebo upraviť, takže na tie položky nepriehľadnosti, na ktoré nemôžete kliknúť?
odpovede:
2 pre odpoveď č. 1Použi Ukazovateľ-events css vlastnosť.
$("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;
});
Poznámka: pointer-events
pre prvky HTML je podporovaná iba v prehliadačoch Chrome 2.0+, Firefox 3.6+ a Safari 4.0+, nie je podporovaná v prehliadačoch IE a Opera.
0 pre odpoveď č. 2
Možno len pridáte triedu, keď nastavíte nepriehľadnosť
$(".portfolioThumbs li.all").animate({opacity:0.1}).addClass("addedClass");
a potom
$(".portfolioThumbs li.addedClass").click(function(e) {
e.preventDefault();
});
alebo môžete jednoducho zabrániť kliknutiu aj bez pridania ďalšej triedy (ak ju majú)
$(".portfolioThumbs li.all").click(function(e) {
e.preventDefault();
});
BTW, prečo chcete zabrániť kliknutiu na položky li .. Je v nich ukotvená značka, ktorej chcete zabrániť kliknutiu?