javascript - 在 jquery 中使用 .show() 命令设置元素的位置

Question

是否可以在 jQuery (http://api.jquery.com/show/) 中修改 .show() 命令，以便 div 不会显示在其原始位置，而是显示在 div 列表的底部？

Answer 1

是的 - 检查演示http://jsfiddle.net/PqLXF/

这是代码 -

HTML

<div class="mainDiv">

<div>One</div>
<div class="showthisdiv">Two</div>
<div>Three</div>
<div>Four</div>

</div>

CSS

.showthisdiv{
    display: none;
}

jQuery

$('.showthisdiv').show().insertAfter('.mainDiv div:last');

Answer 2

你甚至可以做更多：

$('#your_element').show('slow', function() {
    $('#your_element').css(USE CSS TO POSITION YOUR DIV ELEMENT);
  });

或者，就像@Dipak Suryavanshi 建议的那样

$('#your_element').show('slow', function() {
    $('#your_element').insertAfter('.mainDiv div:last');​
  });

该解决方案的强大之处在于您可以对元素执行任何操作（只需在函数中添加代码）。