Firefox 및 Google Chrome에서 jQuery 효과를 작동시키는 방법은 무엇입니까?

Question

나는 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>

`

인터넷 익스플로러에서 완벽하게 작동하지만 크롬에서는 아무것도하지 않으며 Firefox에서 동작을 보여주고 숨기는 것입니다.

이 라이브러리가 모든 브라우저에서 균등하게 또는 최소한 가까이에서 작동하는 특별한 단계가 있습니까?

Answer 1

노력하다 사라지다 콜백에서 점점 뚜렷해지다. 이렇게하면 후자의 효과가 첫 번째가 완료되면 다음과 같은 동안 작동하지 않도록합니다.

$(document).ready(function(){
  $("button").click(function(){
    $("#upd").fadeIn(3000,function(){
      $(this).fadeOut(2500);
    });
  });
});

jQuery ~해야 한다 모든 브라우저 자체에서 거의 동일하게 작동합니다. 당신이 이상한 행동을 받고 있다면, 당신은 아마도 뭔가 잘못하고있을 것입니다 - jQuery :)

Answer 2

하나는 최신 jQuery를 사용하고 있으며 모든 브라우저에서 JavaScript가 활성화되어 있는지 확인하십시오.

둘째, 체인을 시도하십시오 fadeIn 그리고 fadeOut 함께 전화 :

$("button").click(function() {
    $("#upd")
        .fadeIn(3000)
        .fadeOut(20000);
});

Answer 3

여기에 문제가 있습니다 : $ ( "버튼")

버튼과 같은 요소가 없습니다. 클래스라면 : $ ( '. Button')

... 그리고 그것이 ID라면 : $ ( '#button')