访问者可以将不同的项目拖放到具有单独可排序功能的多个容器中,这样每个容器中的项目都可以更改。最后,每个容器都可以调整大小。所以,这一切都很好。
不幸的是,当访问者创建一个新的div(容器)时,出现了一个问题。该容器应该与页面加载时加载的容器具有相同的机会。但是,由于容器是新添加到页面中的,因此这些函数不起作用。
我尝试过不同的方法,比如appendTo(),并再次调用函数draggable()、resizable()等,但al不起作用。
如果您这样做,它应该会起作用,事件将应用于新元素:
$('span').on('resize', function() { ... }); // or whatever event 'click', 'mousedown'..
var label = $(document.createElement('span'));
td.append(label);
如果您有一些免费的资源,请使用livequery插件。(https://github.com/brandonaaron/livequery)
$('.container')
.livequery('click', function(event) {
alert('clicked');
return false;
});
这将把您的函数应用于所有新容器。