燈箱圖像未得到應用

問題是當我從外部的PHP文件加載圖像時，它不顯示燈箱圖像。

<script type="text/javascript"> 
    $(document).ready(function(){ 
    //Display Loading Image 
    function Display_Load() 
    { 
     $("#loading").fadeIn(900,0); 
     $("#loading").html("<img src='../images/lightbox-ico-loading.gif' />"); 
    } 
    //Hide Loading Image 
    function Hide_Load() 
    { 
     $("#loading").fadeOut('slow'); 
    }; 

    //Default Starting Page Results 

    Display_Load(); 

    $("#content").load("images.php?page=1&uid=28", Hide_Load(), lightBox()); 

    //Pagination Click 
    $("#pagination li").click(function(){ 

     Display_Load(); 

     //Loading Data 
     var pageNum = this.id; 
     var uid = 1; 
     uid = "<?php echo $id; ?>"; 
     $("#content").load("images.php?page=" + pageNum + "&uid=" + uid, Hide_Load()); 
    }); 


}); 
    </script>

它加載下面的框中的所有圖像，但沒有任何燈箱效果。

<center><div id="loading" ></div> 
          <div id="content"></div> 
      </center>

通常顯示在燈箱圖片我們會做類似下面，它是在所有其他地方工作正常，那麼只有上面的代碼是有問題的。

<script type="text/javascript"> 
$(function() { 
    $('#gallery a').lightBox(); 
}); 
</script>

任何人都可以請分享一些關於它的提示。

謝謝你的提前。

來源

2012-10-25 SmartDev

試試這個：http://docs.jquery.com/Plugins/livequery

有了這個插件，你可以做這樣的事情：

$('#gallery a').livequery(function() { $(this).lightBox() });

這樣，.lightBox（）將被應用到初始頁面加載後添加選擇。

來源

2012-10-25 19:29:16

嗨Almir它工作得很好..但問題是下一個和上一個按鈕不工作。當我第一次點擊圖像時，它會在燈箱中加載，當我再次點擊它時會關閉，並且不會顯示下一個上一頁。有什麼我失蹤...謝謝你的幫助.. – SmartDev

感謝almir ..爲你的建議..所有解決..現在.. – SmartDev

太棒了，我很高興。 :) –

燈箱圖像未得到應用

回答

相關問題