2012-01-13 63 views
1

我需要經常使用ajax,jquery和php更新我的網站上的一節。fancybox鏈接無法在ajax內容中工作

當頁面首次加載時,它會調用一個顯示該部分內容的javascript函數。然後使用json檢查更新,如果有結果,則調用相同的函數來顯示它。

現在阿賈克斯的內容裏面有像

<a href="news.php?id" class="ajaxpopup">title</a> 

鏈接調用的fancybox而是打開一個彈出窗口,它直接打開頁面。 如果調用fancybox的鏈接不在ajax內容中,它會正確顯示。 我知道有一些人有同樣的問題,但答案是具有特定ID的div。 如何在全球範圍內設置它。我的意思是工作與類=「ajaxpopup」的鏈接?

這是我的功能內容

$(document).ready(function() { 
    $(".ajaxpopup").fancybox({ 
    'overlayColor'  : '#000000', 
    'centerOnScroll' : true, 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    'modal'    : true 
    }); 
}); 

function update(page,value) { 
    var data = 'id='+value; 
    $.ajax({ 
    url: page, 
    type: "POST",  
    data: data,  
    cache: false, 
    success: function (html) { 
     $('#updates').html(html); 
     $('#updates').fadeIn(200);  
    }  
    }); 
} 

然後調用的div

回答

0

加載動態內容後,結合花式框中再次

div.load("myserverpage.aspx?mode=popularmodels", { symbol: $("#txtSymbol").val() }, function() { 
       $(this).fadeIn(100); 

       $(".ajaxpopup").fancybox({ 
        'scrolling': 'no', 
        'titleShow': true, 
        'titlePosition': 'over', 
        'onClosed': function() { 
         $("#login_error").hide(); 
        } 
       }); 
      }); 
+0

我想這樣做,但它不工作 – user949000 2012-01-13 17:01:54

+0

它終於工作啊。非常感謝:) – user949000 2012-01-13 17:20:40

+0

@ user949000如果您不介意升級到2.x版本,那可以無縫地完成,無需再次複製腳本或綁定fancybox。 – JFK 2012-01-14 01:30:58