Jquery Fancy Box加載問題AJAX響應

Question

從我的下面的代碼，它不會加載AJAX響應點擊鏈接後的花式框。

<a>標識的ID是動態生成的。

但是，當我第二次點擊相同的鏈接加載，但AJAX功能也被召回。

$(document).ready(function() 
{ 

    $(".cont").live('click',function(e) 
    { 
     //Cancel the default action (navigation) of the click. 
     e.preventDefault(); 

     var contentId = $(this).attr('id'); 


     $('#apps').load('/app/get-app-details', function(){ 
      $("#"+contentId).fancybox(); 
     }); 

    }); 


    }); 

<a class="cont" href="#device_detection" id="apps_<?= $regUsers->id; ?>"> Click to view apps</a> 

請給我一個解決方案。

Answer 1

這是working.May是另外一個人有有用

$(".cont").live("click",function() { 

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



      $.fancybox({ 
      'width'    : '1000', 
      'href'     : link, 
      'height'   : '750', 
      'autoScale'   : false, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'iframe' 
      }); 





     return false; // don't follow the link! 
      }); 

直播中不再支持最新的jQuery。所以你可以使用

$("body").on("click",".cont",function() { 

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



      $.fancybox({ 
      'width'    : '1000', 
      'href'     : link, 
      'height'   : '750', 
      'autoScale'   : false, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'iframe' 
      }); 





     event.preventDefault(); // don't follow the link! 
      });