javascript - 在ajax加载后尝试使用jquery append

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