我有以下静态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”变量是在加载时设置的公共变量,它工作正常。排序工作正常,但是重新排序列表时,发布