Javascript 在与布局相关的post之后使用Ajax将项追加到列表

Javascript 在与布局相关的post之后使用Ajax将项追加到列表,javascript,jquery,css,ajax,Javascript,Jquery,Css,Ajax,我有一个供用户使用的活动流和站点范围的视图。当前,当用户发布更新时,我让它显示默认的引导成功警报。我曾看到其他网站通过向下滑动现有项目,将最新帖子添加到列表顶部,从而将新帖子添加到列表中 我正试图做到这一点,但我不知道如何添加所有正确的样式。(代码如下)。我尝试在我的提要中添加构成一个活动项的所有标记,但没有成功 TL;DR-有没有办法让ajax查看当前最热门的活动项,克隆它并将其附加到最热门的活动项?这将使我使用的代码更加动态,并避免将CSS放在.js文件中 jQuery(document).

我有一个供用户使用的活动流和站点范围的视图。当前,当用户发布更新时,我让它显示默认的引导成功警报。我曾看到其他网站通过向下滑动现有项目,将最新帖子添加到列表顶部,从而将新帖子添加到列表中

我正试图做到这一点,但我不知道如何添加所有正确的样式。(代码如下)。我尝试在我的提要中添加构成一个活动项的所有
标记,但没有成功

TL;DR-有没有办法让ajax查看当前最热门的活动项,克隆它并将其附加到最热门的活动项?这将使我使用的代码更加动态,并避免将CSS放在
.js
文件中

jQuery(document).ready(function ($) {

    $('form#postActivity').submit(function (event) {
        event.preventDefault();

        $postActivityNow = (this);
        var subject = $('#activity_subject').val();
        var message = $('#activity_content').val();

        var data = {
            'action': 'postAnActivity',
            'subject': subject,
            'message': message,
        }


        $.ajax({
            type: 'post',
            url: postAnActivityAjax.ajaxurl,
            data: data,
            error: function (response, status) {
                alert(response);

            },
            success: function (response) {
                if (response.success) {
                    bootstrap_alert.success('Activity Added');
                } else {


                    if (response.data.loggedIn == false) {
                        bootstrap_alert.warning('you are NOT logged in');
                        console.log('you are not logged in')
                    }
                    if (response.data.userExists == false) {
                        console.log(response);
                        bootstrap_alert.warning(response.data.alertMsg);
                        console.log(response.data.alertMsg)
                    }

                }

            }

        });
    });
});
要克隆元素,请执行以下操作:

要将其作为第一个子项附加,请执行以下操作:

问候,, 要克隆元素,请执行以下操作:

要将其作为第一个子项附加,请执行以下操作:

问候,, 要克隆元素,请执行以下操作:

要将其作为第一个子项附加,请执行以下操作:

问候,, 要克隆元素,请执行以下操作:

要将其作为第一个子项附加,请执行以下操作:

问候,,
hotzu

我过去已经使用$.prepend()完成了


查看此url以了解更多信息

我以前已经使用$.prepend()完成了此操作


查看此url以了解更多信息

我以前已经使用$.prepend()完成了此操作


查看此url以了解更多信息

我以前已经使用$.prepend()完成了此操作

查看此url以了解更多信息

您也可以使用

您也可以使用

您也可以使用

您也可以使用


如果我正在克隆的div中有多个div,该怎么办。我还能克隆它并预编吗?我需要克隆顶级div和所有子级?是的,您可以:“.clone()方法对匹配的元素集执行深度复制,这意味着它复制匹配的元素及其所有子元素和文本节点。”。如果我正在克隆的div中有多个div呢。我还能克隆它并预编吗?我需要克隆顶级div和所有子级?是的,您可以:“.clone()方法对匹配的元素集执行深度复制,这意味着它复制匹配的元素及其所有子元素和文本节点。”。如果我正在克隆的div中有多个div呢。我还能克隆它并预编吗?我需要克隆顶级div和所有子级?是的,您可以:“.clone()方法对匹配的元素集执行深度复制,这意味着它复制匹配的元素及其所有子元素和文本节点。”。如果我正在克隆的div中有多个div呢。我还能克隆它并预编吗?我需要克隆顶级div和所有子级?是的,您可以:“.clone()方法对匹配的元素集执行深度复制,这意味着它复制匹配的元素及其所有子元素和文本节点。”。
var newItem = $("#myDiv").clone();
$("#parentDiv").prepend( newItem );
var newActivity = $( ".activity" ).first().clone();    
newActivity.prependTo( ".parentDiv").hide().slideDown();