Ajax'加載更多'功能不適當加載colorbox

我創建了一個「加載更多」鏈接，通過AJAX調用加載下100個條目。我的AJAX調用看起來是這樣的：Ajax'加載更多'功能不適當加載colorbox

<script type="text/javascript"> 
    function HideButton(){ 
     $('#load_post').css('display', 'none') 
    } 
    $.ajaxSetup ({ 
     cache: false 
    }); 
    var ajax_load = "<div class='loading_wrapper'><img class='loading' src='<?php echo url(); ?>images/ajax-loader.gif' alt='loading...' /></div>"; 
    var loadUrl = "http://www.mydomain.com/loadmore.php"; 

    $("#load_post").click(function(){ 
     $("#result") 
      .html(ajax_load) 
      .load(loadUrl, {exclude: "<?php echo $exclude_more_post_str; ?>"}, 
      function() { 
      $('#load_post').css('display', 'none'); 
      }); 
    }); 
</script>

的loadmore.php代碼只是從數據庫中檢索，這是幾乎相同的查詢爲主要頁面只是一個偏移接下來的100項。

它正確加載100個條目，但它不會將它加載到我的colorbox iframe中。在通過AJAX加載更多內容之前，第一個條目可以正常工作，但AJAX加載的100個條目不會將該頁面加載到colorbox中，即使它具有附加到和href的正確類。

當按下應該在colorbox iframe中打開的條目時，它只顯示頁面，例如， http://www.mydomain.com/single-entry/this-is-the-post-suppose-to-open-in-colorbox/

是否有一些特殊的屬性我錯過了運行AJAX調用，所以我需要重新加載colorbox。我試過但在頁眉和頁腳的Colorbox javascript，但結果是一樣的。

如果我已經解釋過自己不清楚，請告訴我，我會盡力澄清。

真誠
- Mestika

來源

2012-06-19 Mestika

我不知道你是問。你說你正在使用帶有iframe的colorbox。哪裏是？你想要注入html嗎？ – Jack

如果你想顯示loadmore.php的內容，或其他網址，爲顏色框iframe中嘗試改變它的插件容器（i.ex的href屬性：<a class="loadmore" href=""/> .. 。或者任何你稱之爲的），並拋出點擊事件（如果以前已初始化）。

$("#load_post").click(function(){ 
     $(".loadmore").attr('href', "http://www.mydomain.com/loadmore.php").click(); 
    });

你甚至可以鏈中的初始化方法在.loadmore標籤這樣的：

$("#load_post").click(function(){ 
      $(".loadmore").attr('href', "http://www.mydomain.com/loadmore.php") 
.colorbox({iframe:true, width:"80%", height:"80%"}).click(); 
     });

我希望它會

來源

2012-06-19 12:10:44

Ajax'加載更多'功能不適當加載colorbox

回答

相關問題