使用脚本动态创建可放置 div 也动态创建

Question

我正在动态创建一个可放置的 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>";