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

Question

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

我想在单击的列名的末尾附加一个三角形，以显示表格在哪一列上排序。

<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实体附加到列名的末尾。

我该怎么做呢？

Answer 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请求的结果替换。