jQuery fadeIn工作但立即消失

时间:2012-12-10 20:09:28

标签: jquery jquery-mobile

我使用jQuery和fadeIn来淡化页面上的内容。它适当地淡入,但问题是它在Android中自动淡出fadeIn后淡出。 : - \

有什么想法吗?

$(document).ready(function (){
    // Fancy intro animation
    $(".scroll-button").fadeIn(1000);

    // Smooth the scrolling
    $(".scroll-button").click(function(event){
            var bodyElement;

            event.preventDefault();

            if($.browser.safari) {
                bodyElement = $("body")
            } else {
                bodyElement = $("html,body")
            }

            bodyElement.animate({
                scrollTop: $('#headerimage').position().top
            }, 500);

            $('.bottom-image').hide();
            $(this.hash).fadeIn(1500);
    });
});

2 个答案:

答案 0 :(得分:0)

hash仅属于location对象。你试图淡入一个不存在的元素(我怀疑jQuery构造函数实际上相当于$(undefined))。

使用您发布的代码,$(this.hash).fadeIn(1500)正在查找hash元素的.scroll-button属性。尝试将该行更改为:

$(window.location.hash).fadeIn(1500);

答案 1 :(得分:0)

所以我发现Android 2.3不处理点击事件,并且存在问题。即使附加jQuery mobile(早期版本)也无效。

最终在图像周围添加div并调用div,工作。去图!