尝试在ajax加载后使用jquery追加

时间:2013-10-11 20:26:57

标签: javascript jquery ajax

我有一个脚本可以在单击列名时对表行进行排序。

我想在列名的末尾添加一个三角形,单击该列以显示该表所依据的列。

<script>
    $(document).ready(function(){
        $('.data-table a').click(function(){
            var el = $(this);
            $('body').load('http://mysite.com/index.php/site/table/index/' + $(this).attr('id')).ajaxComplete(function(){
                el.append('&#9650;');
            });
           return false;
        });
    });
</script>

表格正确排序,但我无法将HTML实体附加到列名称的末尾。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

你用该load语句杀死了“body”元素。尝试这样的事情:

<script>
    $(document).ready(function(){
        $('.data-table a').click(function(){
            var el = $(this);
            $('#target_element').load('http://mysite.com/index.php/site/table/index/' + $(this).attr('id')).ajaxComplete(function(){
                el.append('&#9650;');
            });
           return false;
        });
    });
</script>

“#target_element”指内容中的位置,其内容将替换为您的ajax请求的结果。