我想修改第一个ajax加载元素的css,所以在回调中(函数(arrayOfNewElems))我有以下内容:
ajax stuff etc. },function(arrayOfNewElems){
var $newElements = $(arrayOfNewElems);
$newElements.find('div.chunk:first').css('border-top-color', 'black');
这对我的noob眼睛看起来是正确的,但显然它不是这样,有什么建议吗?
*使用更多代码进行更新:
$(function() {
// Infinite Scroll plugin, copyright: Paul Irish & dirkhaim
$('div.autopager').infinitescroll({
debug : true,
nextSelector : "div.nav a.nxt",
navSelector : "div.nav",
contentSelector : "div.autopager",
itemSelector : "div.autopager > .chunk",
bufferPx : 1400
},function(arrayOfNewElems){
var $newElements = $(arrayOfNewElems);
$newElements.find('div.chunk:first').css('border-top-color', 'black');
setTimeout(function() {
$newElements.find('.audio').each(function(){
var audioID = $(this).attr("id");
$.ajax({
url: '/api/read/json?id=' + audioID,
dataType: 'jsonp',
timeout: 4000,
success: function(data){
$('.audio .player span').html('<div class="audio_player">' + data.posts[0]['audio-player'] +'</div>');
}
});
});
}, 2000);
定位是正确的,例如,如果我坚持:
$('div.chunk:first').css('border-top-color', 'red');
$('div.chunk').css('border-top-color', 'red');
事情有效,所以这让我觉得“$ newElements.find”的东西可能有问题,或者我错过了一些更基本的东西
答案 0 :(得分:0)
你可以试试css('border-top', '1px solid #000000');
也许没有边框可以着色。如果没有,你能提供你正在使用的HTML吗?
// EDIT
:
这是做什么的?
$('div.chunk', $newElements).first().css('border-top-color', 'black');
我认为我们还需要代码中的'ajax stuff'部分,并且可能是返回数据的示例。因为使用$ newElements.find('div.chunk')意味着$ newElements中应该有一个带有类块的div,我不确定这是否是你想要它做的,也许你只想做{{ 1}}
// $('div.chunk:first').css('border-top-color', 'black');
:
文档说在回调EDIT2
中引用了新的DOM内容。那么尝试this