Этот код отлично работает в Chrome, но не в IE.
Я видел подобные проблемы по всему Интернету, но не совсем понимаю решения, возможно, публикация определенного кода поможет мне. Спасибо.
<script type="text/javascript">
$(document).ready(function(){
$("#bgimage").slideDown();
$("#rcapmenu").delay(1000).animate({opacity: ".9", filter: "alpha(opacity=90)", top: "75%", height: "168px"}, "slow");
$("#menutext").delay(1500).animate({height: "45px"}, "slow");
$("#LOGIN").delay(2200).animate({height: "44px", left: "0px"}, "slow");
$("#CLIENT").delay(2500).animate({height: "44px", left: "0px"}, "slow");
$("#ABOUT").delay(2800).animate({height: "44px", left: "0px"}, "slow");
$("#MANAGER").delay(3100).animate({height: "44px", left: "0px"}, "slow");
$("#rcaplogo").delay(2100).animate({opacity: "1", filter: "alpha(opacity=100)"}, "slow"); $(".slidingDiv").hide();
$('#MANAGER').bind('click', function(){
$(".slidingDiv").animate({height: "0px", top: "455px"}, "slow").delay(1000).animate({height: "450px", top: "0px"}, "slow");
getdata('text.php','slidingDiv');
});
$('#ABOUT').click(function(){
$(".slidingDiv").animate({height: "0px", top: "455px"}, "slow").delay(1000).animate({height: "450px", top: "0px"}, "slow");
getdata('text.php','slidingDiv');
});
$('#CLIENT').click(function(){
$(".slidingDiv").animate({height: "0px", top: "455px"}, "slow").delay(1000).animate({height: "450px", top: "0px"}, "slow");
getdata('text.php','slidingDiv');
});
$('#LOGIN').click(function(){
$(".slidingDiv").animate({height: "0px", top: "455px"}, "slow").delay(1000).animate({height: "450px", top: "0px"}, "slow");
getdata('text.php','slidingDiv');
});
$('.right').click(function(){
$(".slidingDiv").animate({height: "0px", top: "455px"}, "slow");
});
});
</script>
Когда я нажимаю на div с соответствующими идентификаторами, в IE ничего не происходит, но в Chrome эффект, который я ищу, происходит идеально. Я пробовал оба .bind ('click', function () ..... и просто .click, как вы можете видеть.