嘗試在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請求的結果替換。