こんにちは、時々反応しない単純なボタンがいくつかあります。めったに起こりませんが、私はまだそれが好きではありません。非常に速くクリックしたり、ナビゲーションを非常に速く変更したりすると、より多く発生します。これは私が持っているコードです:
$(document).ready(function () {
$('[id*=txt]').hide();
$('[id*=hd]').hide();
$('[id*=home]').show();
$('#btnhome').css('background-color',"#555");
$('#btnhome').css('opacity',"0.4");
$('.button').click(function (){
$('[id*=txt]').hide();
$('[id*=hd]').hide();
$('.button').css('background',"transparent");
$('.button').css('opacity',"1");
$(this).css('background-color',"#555");
$(this).css('opacity',"0.4");
});
$('#btnhome').click(function () {
$('[id*=home]').show();
});
$('#btnabout').click(function () {
$('[id*=about]').show();
});
$('#btncontact').click(function () {
$('[id*=contact]').show();
});
});
これらはボタンです:
<button class="button" id="btnhome">Home</button>
<button class="button" id="btnabout">About</button>
<button class="button" id="btncontact">Contact</button>
これらはテキストの表示と非表示にのみ使用され、クリックすると色の不透明度なども変更されます。クリック機能が定義されていないかのように、反応しない場合は何も起こりません。