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