实时点击后更改第一个div的CSS

Question

我希望能够在单击span.submit-comment之后更改div的css。

我将如何更改该div的CSS。

我尝试将以下内容放入脚本的成功部分：

$('div.news-comment:first').css("background-color", "#000");

但是div只是闪烁黑色（在我单击时），因为它位于click函数内部。 我希望CSS能够持续到刷新页面。

有任何想法吗？

// post news comment
    $('span.submit-comment').live('click', function() {
        var commentname = $('input#commentname').val();
        var commentcontent = $('textarea#commentcontent').val();
        var newsid = $('span.view-comments').attr('id');
        var datastring = 'commentname=' + commentname + '&commentcontent=' + commentcontent + '&newsid=' + newsid;

        $.ajax({
        type: "POST",
        url: "ajax/post_news_comment.php",
        data: datastring,
        success: function(){
                    $('div#news-comments').load('ajax/get_news_comments.php?news_id=' + newsid);
                 }
        });
    });

Answer 1

您的css脚本是可以的，但是只需将其放在load函数之后。

Answer 2

只需在函数的最后添加一个return false来单击按钮，或传入值e并放入e.preventDefault(); 在功能的开始或结束时。

例如

$('span.submit-comment').live('click', function(e) {
    e.preventDefault();
    // your other code.
    return false;
});

Answer 3

如果您要更改背景的注释位于＃news-comments div中，则将其替换为.ajax回调中get_news_comments.php中加载的html。 无论您将js放在哪里，该元素都将被替换。

如果是这样，可以将其添加到成功函数中的加载回调中。