2012-01-05 51 views
0

http://lunapark.waapps.net/en/請轉到「新聞」,然後單擊第一個帖子圖片。點擊事件正在使用jQuery ajax方法調用圖庫腳本。稍後點擊事件必須在以前的疊加層上打開一個新的疊加層。沒有打開,但是當您關閉第一個覆蓋層-so News覆蓋層時,它會打開,您可以看到該圖庫。這個問題僅僅發生在Safari瀏覽器上。我怎樣才能解決這個問題?請任何想法。現在已經感謝。jQuery點擊事件不在覆蓋工作

此腳本運行庫的覆蓋

$('div.multiple_img a[href$="jpg"], div.single_img a[href$="png"]').click(function(){ 
    var post_id = $(this).parents().find(".post-content").next().val(); 
    $.get(URL+'/get_gallery.php?post_id='+post_id, function(data){ 
     var sw = $("#image_wrapper_2"); 
     sw.html(data); 
     $("body").addClass("on2"); 
     $("#overlay2 #page_bg").css("background-color",ww.find(">div").attr("data-bgcolor")); 

     if(!($.browser.msie && $.browser.version == '8.0') && !works.isApple()) 
      $("#overlay2").mCustomScrollbar("vertical",400,"easeOutCirc",1,"auto","yes","yes",15); 

     works.scrollTo(400, $("#overlay2"), 0); 
    }); 
    return false; 

}); 

此腳本運行

loadPage : function (url){ 
    $.ajax({ 
     url: url, 
     success: function(data){ 
     var pw = $("#page_wrapper"); 
     pw.html(data); 
     $("#page_bg").css("background-color",pw.find(">div").attr("data-bgcolor")); 
     $("body").addClass("on"); 

     if(!($.browser.msie && $.browser.version == '8.0') && !works.isApple()) 
      $("#overlay").mCustomScrollbar("vertical",400,"easeOutCirc",1,"auto","yes","yes",15); 

     $(".loader").removeClass("on"); 
     $("#main-nav a").removeClass("show_loader"); 
     works.scrollTo(400, $("#overlay"), 0); 

第一個腳本在loadPage對象的AJAX方法運行第一覆蓋

+1

如果您希望人們對您的問題有所迴應,請添加一些腳本或標記 – pixelass 2012-01-05 13:07:50

+0

對不起。我編輯... – Aaron 2012-01-05 13:11:11

+0

看起來更好..順便說一句,我喜歡那個頁面的風格。 – pixelass 2012-01-05 13:11:57

回答

0

我想造成CSS這個問題能見度。當我從

#overlay2{ 
    height:100%; 
    position:fixed; 
    width:100%; 
    opacity:.94; 
    z-index: 60; 
    visibility:hidden; 
    opacity:0; 
    top:0; 
    left:0; 
    -webkit-transition:all .3s ease-in .1s; 
    -moz-transition:all .3s ease-in .1s; 
    -ms-transition:all .3s ease-in .1s; 
    -o-transition:all .3s ease-in .1s; 
    transition:all .3s ease-in .1s; 
} 

body.on2 #overlay2{ 
    visibility:visible !important; 
    opacity:1; 
} 

改變我的CSS屬性

display: none; for #overlay 
display: block; for body.on2 #overlay2 

正在爲Safari瀏覽器,但在同一時間畫廊不上打開第二個覆蓋工作。