Question

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

我将如何改变该div的css。

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

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

但是div只是闪烁黑色（因为我点击）因为它在点击功能中。我希望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脚本没问题，但只需在加载功能之后放置它。

Answer 2

只需在函数末尾添加return false按钮单击，或传入值e并将e.preventDefault();放在函数的开头或结尾。

e.g。

$('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放在哪里，元素都会被替换。

如果是这样，将其添加到成功函数中的加载回调中应该没问题。

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

3 个答案: