Jquery ui jQuery+;可排序&x2B;居住
我使用$.get将列表项动态添加到页面中,然后将它们附加到OL元素。这一点很平常 但是jQuery在加载到页面中时并没有意识到这些新项,我也无法对它们进行排序 我在jQuery Live上做了一些尝试,但没有取得任何进展…您尝试过了吗。可排序('refresh')?Jquery ui jQuery+;可排序&x2B;居住,jquery-ui,jquery-ui-sortable,Jquery Ui,Jquery Ui Sortable,我使用$.get将列表项动态添加到页面中,然后将它们附加到OL元素。这一点很平常 但是jQuery在加载到页面中时并没有意识到这些新项,我也无法对它们进行排序 我在jQuery Live上做了一些尝试,但没有取得任何进展…您尝试过了吗。可排序('refresh')? 在代码的末尾添加.sortable({})并重新指定所有参数。也许有一种方法可以做到这一点,而不必使用函数或其他东西来复制代码,但至少这是可行的 $('#List').live('click',function(e){ var m
在代码的末尾添加
.sortable({})代码>并重新指定所有参数。也许有一种方法可以做到这一点,而不必使用函数或其他东西来复制代码,但至少这是可行的
$('#List').live('click',function(e){
var myHTMLcode = '<li>New Item</li>'
myHTMLcode.appendTo('#List').sortable({
items : 'li',
axis : 'xy',
update : function(event, ui){SPECIFIC Sortable FUNCTION CODE HERE}).fadeIn();
)};
$('#List').live('click',函数(e){
var myHTMLcode='新项目 '
myHTMLcode.appendTo(“#List”).sortable({
项目:"李",,
轴:“xy”,
update:function(event,ui){SPECIFIC Sortable function CODE HERE}.fadeIn();
)};
使用.sortable()
的刷新方法似乎无法识别未通过.sortable()
函数添加的li
尝试将.sortable()
初始化代码添加到一个函数中,您可以在document ready上调用该函数,并在代码中动态添加li
而不是:
jQuery(document).ready(function() {
jQuery("#mySortableOL").sortable({
...
});
}
...
jQuery("#mySortableOL").append(...);
jQuery("#mySortableOL").sortable("refresh");
尝试以下方法:
jQuery(document).ready(function() {
jQuery("#mySortableOL").doSort();
}
...
jQuery("#mySortableOL").append(...);
doSort();
...
function doSort(){
jQuery("#mySortableOL").sortable({
...
});
}
我找到了这个解决方案,对我来说效果很好
makesortable = function(){
$( "#mylist" ).sortable({
...
})
};
...
// after list refresh :
makesortable();
这不仅仅是LI,它基本上是一切,但方法是正确的和有效的。这是一个正确的答案。谢谢你救了我一天!为什么这不是公认的答案?这是迄今为止处理ajax问题最干净的方法。