Question

我的jQuery代码是：

jQuery(document).ready(function ($) {
    $("#comment_submit").on('click', function () {
        var message = $("#pc_message").val();

        var uid = $("#uid").val();
        var from_uid = $("#from_uid").val();

        if (message == '') {
            alert("Message is missing!!");
            return;
        }
        $.ajax({
            type: "post",
            dataType: "html",
            url: "pro_profile.php?action=do_comment",
            data: "message=" + message + "&uid=" + uid + "&from_uid=" + from_uid,
            success: function (response) {
                $('#show_profile_comments').html(response);
                document.getElementById('pc_message').value = '';
                document.getElementById('pc_message').focus();
            },
            error: function (response) {
                alert(response.responseText);
            }
        });
        return false;
    });
});

我希望#show_profile_comments成为fadeIn或slideDown效果，当我使用这两个jQuery函数中的任何一个时，它都不会淡入幻灯片。

我正在尝试这个;

$('#show_profile_comments').fadeIn("slow").html(response);

但它不起作用，并且消息发布后没有任何影响。代码中有什么问题吗？

请帮忙！

Answer 1

一个可能的原因可能是元素已经可见，那么像fadeIn或slideDown这样的方法就不会有任何影响......

尝试

$('#show_profile_comments').hide().html(response).fadeIn("slow");

Answer 2

记住Arun发布的建议会淡化使用该ID的整个表格。如果您曾经在每个bit of table or row上显示淡入淡出效果（这是您的代码中的应用），那么请指定一个ID，例如将id="lcb"添加到表格<td>并替换;

$('#show_profile_comments').html(response);

用;

$('#show_profile_comments').html(response);
$('#lcb').hide().fadeIn("slow");

这将使fadeIn效果分离td-s

jQuery fadeIn（）或SlideDown（）

2 个答案: