jquery/javascript如何在列标题顶部添加图像

Question

我正在为网格实施列重新排序功能。当我拖动列时，我希望在列标题之间有一个箭头，以向用户反馈新列的放置位置。这是我们在Firefox中重新排序的标签。如何在两列标题之间和之间添加此图像。我可以动态创建div或其他东西，并在拖动时添加图像吗？

Answer 1

是的，这听起来是对的。我会这样做，它根据列标题的偏移量设置悬停图像的左偏移量。

<div id="between_columns" style="position: absolute; top: -9999px; left: -9999px; z-index: 100;"><img src="..." /></div> 
<table id="moveable_columns"> 
    <tr> 
    <th>column 1</th><th>column 2</th> 
    </tr> 
</table> 
<script type="text/javascript"> 
    $("#moveable_columns th").hover(function() { 
    var th = $(this); 
    var offset = th.offset(); 
    $("#between_columns").css({top: offset.top, left: offset.left}); 
    }); 
</script>