当前位置: 首页 > 面试题库 >

jQuery实时且可排序

周越泽
2023-03-14
问题内容

我有以下静态html:

<ul id="mylist">
    <li id="li_10"><a href="10">Item 10</a></li>
    <li id="li_20"><a href="20">Item 20</a></li>
    <li id="li_30"><a href="30">Item 30</a></li>
    <li id="li_40"><a href="40">Item 40</a></li>
    <li id="li_50"><a href="50">Item 50</a></li>
</ul>

我有以下jQuery:

<script>
    $( document ).ready( function() { 
        $("#mylist").sortable(
            {axis:"y"}
        );
    });
</script>

这可以完美地工作,但是一旦我使用jQuery /
AJAX生成上述HTML,它就会停止工作。因此,我假设我需要在jQuery中使用“实时”功能来执行可排序部分。有人可以帮我实现吗?


问题答案:

.live()是基于事件的,因此您不能将其用于此类插件。您 可以
轻松完成,就是在您的AJAX调用结束时调用该代码,例如:

$.ajax({
 //options...
  success: function(data) {
    //create UL
    $("#mylist").sortable({axis:"y"});
  }
});

的缩写形式也是如此$.ajax(),例如:

$("#mylist").load("pageThatGivesTheLIElementGoodness.htm", function() {
  $(this).sortable({axis:"y"});
})


 类似资料:
  • 对于熟悉Jonny von Adrian创建的sortable的人(http://johnny.github.io/jquery-sortable/), 有没有办法说,限制一个框的元素,使它们只能在它自己和另一个框之间拖动,即使有多个框?现在,我正在创建一个界面,允许用户从一个主题框拖动到另一个主题框,但这引起了一个问题,因为他们可以从“时代”框拖动元素到“课程”框,反之亦然。 我还想知道,当盒子

  • 我正在尝试实现jQuery可排序和拖放上传的组合。基本布局是使用jQuery sortable对图像/对象进行排序的网格。通过拖动图像,我可以按照我想要的任何顺序重新排列图像。同时,我可以通过拖放包含网格的div上的任意位置,从文件系统上载新图像,并且图像在完成上载后显示在网格上的第一个位置。现在,我想让用户能够将文件拖到网格中的任何位置,然后将上载的图像显示在网格上的特定位置(同时相应地重新排列

  • 使用鼠标调整列表中或者网格中元素的排序。 如需了解更多有关 sortable 交互的细节,请查看 API 文档 可排序小部件(Sortable Widget)。 默认功能 在任意的 DOM 元素上启用 sortable 功能。通过鼠标点击并拖拽元素到列表中的一个新的位置,其它条目会自动调整。默认情况下,sortable 各个条目共享 draggable 属性。 <!doctype html> <

  • 我试图将jQuery可拖动、可拖放和可排序相结合;然而,我一直有问题。有人能帮帮我吗? A、 B、C、D、E瓷砖可在上部可放下和可分拣之间移动 此外,我正试图在必要时在任何位置停用和重新激活所有这些。 这是我的,但它很有缺陷,也不漂亮: JS 超文本标记语言

  • 本文向大家介绍基于jQuery实现美观且实用的倒计时实例代码,包括了基于jQuery实现美观且实用的倒计时实例代码的使用技巧和注意事项,需要的朋友参考一下 倒计时效果有着广泛的应用,比如奥运会倒计时、高考倒计时和放假倒计时等,本章节分享一个比较美观且实用的倒计时效果。 代码实例如下: 以上代码实现了我们的要求,可以实现秒到天的倒计时效果,下面就介绍一下实现过程。 一.实现原理: 原理比较简单,就是

  • 问题内容: 我知道之前曾有人问过这个问题,但是解决方案对我不起作用。我正在尝试将新的项目排序保存到数据库。 我已经大大简化了它,但这是它的基本思想。我有一个嵌入了可排序列表的表单。 我已经加载了JQuery和JQuery UI,以下代码启用了可排序列表功能,并将项目ID和新排序顺序发布到php脚本中。“ editor”变量是在加载时设置的公共变量,它工作正常。排序工作正常,但是重新排序列表时,发布