有沒有更好的方式在fancybox2中編寫ajax調用？

Question

如果你看看我使用2個fancybox調用的代碼。我這樣做的原因是因爲我只想要使用ajax的頁面的一部分。該部分在ajaxEventContent類中。

如果可能，我想在一個電話中這樣做。謝謝。

$("#events .popUp").live('click' ,function(e){ 

    e.preventDefault(); 

    var link = $(this).attr('href'); 

    $.fancybox({ 

     'content' : '<div style="text-align:center"><img src="loading.gif" /></div>', 
     'width'  : 680, 
     'minWidth' : 680, 
     'height' : 'auto', 
     'autoHeight' : true, 
     'beforeLoad' : function(){ 

      $.ajax({ 
       url: link, 
       success: function(data) { 
        //get content with ajax 
        content = $(data).find('.ajaxEventContent'); 
        $.fancybox({ 

         'content': content, 
         'width': 680, 
         'height': 'auto' 

        }); 

       } 
      }); 
     } 
    }); 

}); 

Answer 1

其實這似乎工作。除非你沒有得到loading.gif部分，這是很好的

$("#events .modal").on('click' ,function(e){ 

    e.preventDefault(); 

    var link = $(this).attr('href'); 

    $.ajax({ 
     url: link, 
     success: function(data) { 
      //get content with ajax 
      content = $(data).find('.ajaxEventContent'); 
      $.fancybox({ 

       content : content, 
       width  : 680, 
       helpers: { 
        overlay : { 
         locked : false 
        } 
       } 

      }); 
     } 
    }); 

});