Как заставить эффекты jQuery работать в Firefox и Google Chrome?
Я ковыряюсь с jQuery и эффектами fadeIn и fadeOut. У меня есть следующий код для отображения и скрытия div с сообщением.
`
<script type = "text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("#upd").fadeIn(3000);
$("#upd").fadeOut(20000);
});
});
</script>
<style type = "text/css">
div
{
background: rgb(237, 243, 254);
margin: 0px 0px 5px 0px;
padding: 13px 30px 13px 30px;
width: 300px;
}
</style>
`
Он отлично работает в Internet Explorer, но ничего не делает в chrome, и я получаю отображение и скрытие поведения в firefox.
Есть ли какой-то специальный шаг, чтобы эта библиотека работала равномерно или, по крайней мере, почти во всех браузерах?
Ответы 3
Попробуйте исчезать из обратного вызова исчезать. Это обеспечит запуск последнего эффекта после завершения первого, а не во время:
$(document).ready(function(){
$("button").click(function(){
$("#upd").fadeIn(3000,function(){
$(this).fadeOut(2500);
});
});
});
jQuery должен сам по себе работает почти одинаково во всех браузерах. Если у вас странное поведение, скорее всего, вы делаете что-то не так, а не jQuery :)
Во-первых, убедитесь, что вы используете последнюю версию jQuery и что Javascript включен во всех ваших браузерах.
Во-вторых, попробуйте связать вызовы fadeIn и fadeOut вместе:
$("button").click(function() {
$("#upd")
.fadeIn(3000)
.fadeOut(20000);
});
Вот проблема: $ ("кнопка")
Нет такого элемента, как кнопка, если это класс, то: $ ('. кнопка')
... и если это идентификатор, то: $ ('# кнопка')