代码之家  ›  专栏  ›  技术社区  ›  Smile

如何使用jQuery实现项目移动(上下)?

  •  -1
  • Smile  · 技术社区  · 11 年前

    我有以下任务,并通过下图解释

    enter image description here

    在这里我想使用箭头实现上下功能。 我已经使用拖放(使用jQuerySortable)实现了元素的移动 但不知道如何使用箭头上下移动物品?

    如何实现jQuery(前端和后端的相关MySQL查询)? 当用户单击向上或向下箭头时,应该创建什么样的查询?

    注:

    仅供参考,每个项目都已包装好 <div> 标签

    如有任何帮助,将不胜感激。

    2 回复  |  直到 11 年前
        1
  •  2
  •   Ferrakkem Bhuiyan    11 年前
    $('.up-button').click(function(){
      $(this).p1('.my').insertBefore($(this).p1('.my').prev());
    });
    
    $('.down-button').click(function(){
      $(this).p1('.my').insertAfter($(this).p1('.my').next());
    });
    

    我希望它能帮你。你可以试试这个

        2
  •  1
  •   Saurabh    11 年前

    我使用过jQuery insertBefore , insertAfter detach 演示的方法

    请检查 Fiddle Demo 有关详细说明