嗨,我有几个简单的按钮,有时没有反应。它很少发生,但我仍然不喜欢它。如果您非常快速地单击或非常快速地更改导航,它会发生更多。这是我为他们准备的代码:
$(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>
它们仅用于显示和隐藏文本,并且在单击时还会更改颜色不透明度等。当他们没有反应时,什么也没有发生,就好像我没有定义任何点击功能一样。