使用脚本动态创建droppable div也是动态创建的

Question

我动态创建了一个droppable div列表，其中包含动态包含的javascript。 php看起来像这样：

echo "<li class=\"grayborder txdkgray\"><div id=\"queue".$i."\" style=\"width:300px; height:30px; text-align:center;\">*Drag a file here to run* </div></li>";
echo "<script> $('#queue".$i."').droppable( {hoverClass: 'hovered', drop: handleQueueDrop} ); </script>";

问题是它创建的div不起作用，我不能删除任何东西，当我这样做时函数不会运行。这是我回应他们的问题吗？

Answer 1

您需要space here

... id=\"queue".$i."\"style=\"width:300 ...

像这样

... id=\"queue".$i."\" style=\"width:300 ...

此外，您应该在加载事件后运行代码。转换此

echo "<script> $('#queue".$i."').droppable( {hoverClass: 'hovered', drop: handleQueueDrop} ); </script>";

到这个

echo "<script> $(function(){ $('#queue".$i."').droppable( {hoverClass: 'hovered', drop: handleQueueDrop} ); }) </script>";