当试图访问$ container的'.box'类时,在ajax调用中使用(this)不起作用.
$container.on(
"click",
".box",
function(event){
var description;
if($(this)[0].style.width == '70%'){
$(this).find(".resultData").fadeOut('slow');
$(this).css('width', '18%');
}else{
$.ajax({
url:'scripts/php/fetchResultsData.php',
data: {action:value},
type: 'post',
dataType: 'json',
success: function(data){
description = data[0];
$(this).css('width', '70%');
$(this).append("\
<div class='resultData'>\
<div class='resultName'>" + $(this).find("p").html() + "</div>\
<div class='resultDesc'>" + description +"</div>\
</div>");
/*alert($(this).find("p").html());*/
}
})
}
$container.masonry('reload');
}
);
Run Code Online (Sandbox Code Playgroud)
如果我不清楚我想要做什么,我试图改变动态元素的CSS.但是,例如,
$(this).css('width','70%');
根本没有调整css.如果我将它移到ajax,success部分之外,它可以工作,但是我无法获得'描述'.