Jquery CSS 不适用于 Post 中的 div

Question

我有一个使用 jquery 的 post 方法获取 div 的页面。然后我尝试将 css 应用于 div，但它不起作用。当我使用 jquery 在页面上已有的 div 上应用 css 时，它适用于它们。

J查询:

$('#next').click(function() {

    $.post('getquestions.php', {number: number}, function(result){

        $('#questionArea').html(result);
    });

$('.quest').css( "border", "13px solid red" );  //this doesn't work

});

从 getquestions.php 回显(这工作正常):

    echo "<div id='question" . $question_number . "' class='quest'>";

Answer 1

这是因为你的 div 类是 quest当您执行 jquery 的 css 时不可用功能。自 $.post是一个异步函数，div 仅通过 $('#questionArea').html(result); 添加到 DOM什么时候$.post的回调被执行，所以你应该在那里做 css 调用。

应该是这样的:

$('#next').click(function() {

    $.post('getquestions.php', {number: number}, function(result){

        $('#questionArea').html(result);
        // the div is just added
        $('.quest').css( "border", "13px solid red" );
    });
    // the div is not added to DOM yet since $.post has not finished fetching the result

});