將不同div添加到由ajax請求加載的div（無限滾動）

我在我的網站上使用此plugin。您將能夠看到它正在生成的HTML結構。我想在每5個div後插入自定義div。由於它是異步加載的，因此我無法附加我想要的div。我試着加入下面的代碼，在正常情況下使用將不同div添加到由ajax請求加載的div（無限滾動）

$(".alm-reveal:eq(0)").append("<div>Firstdiv</div>"); 
$(".alm-reveal:eq(1)").append("<div>Second Image</div>"); 
$(".alm-reveal:eq(2)").append("<div>Third IMage</div>"); 
$(".alm-reveal:eq(3)").append("<div>Fifth Image</div>"); 
$(".alm-reveal:eq(4)").append("<div>Sixth Image</div>"); 
$(".alm-reveal:eq(5)").append("<div>Seventh Image</div>"); 
$(".alm-reveal:eq(6)").append("<div>Eigth Image</div>"); 
$(".alm-reveal:eq(7)").append("<div>ninth Image</div>");

這顯然沒有工作。我也嘗試在成功功能中添加它。

success: function (data) { 
    alm.AjaxLoadMore.success(data); 
    $(".alm-reveal").append("<div>Firstdiv</div>"); 
}

但是，由於它在循環中，所以它正在重複。我很不確定如何實現這一點。如何在每次發出ajax請求時觸發append函數，並在適當的位置添加我想要的不同div。希望我清楚。

來源

2015-06-12 Venkateshwaran Selvaraj

不，你不清楚。請添加'html'或創建'jsfiddle' – Tushar

這是wordpress的插件。請訪問此鏈接; https://connekthq.com/plugins/ajax-load-more/examples/default/。我想在每個第n個div之後加上不同的div，其中'alm-reveal' –

我在回答我自己的問題，但我不確定這是否是有效的方法。但它按我想要的方式100％工作。

if(data.indexOf("aj-l-main-entry-8") > -1) //Making sure AJAX div is loaded 
     { 
     if(document.getElementById("element-id") == null) { //Appending div only once 
     $("#id_of_the_div_you_want_to_append_to").append('<div></div>'); 
     } 
     }

我在success函數中添加了上述代碼。

來源

2015-09-12 05:20:00

success: function (data) { 
    alm.AjaxLoadMore.success(data); 
    $(".alm-reveal:last").append("<div>"+data+"</div>"); //selects last div in that class 
}

每次追加時間

，你應該追加到最後一個div在那個特定的類

來源

2015-06-12 07:37:04 Selva

是的。我試過了。但我想追加不同的div。：/ –

@Venky不同的Div在某種意義上可以解釋我 – Selva

@Venky不同的div。你的意思是div內的數據是不同的..？ –

success: function (data) { 
     alm.AjaxLoadMore.success(data); 
     $(".alm-reveal:last").append("<div>"+data+"</div>"); //selects last div in that class 
    }

數據應相應傳入的div來獲得不同的數據。

來源

2015-06-12 07:50:39

將不同div添加到由ajax請求加載的div（無限滾動）

回答

相關問題