jQuery拖放停止在某些对象上工作？

Question

通过使用以下Jquery，我已经成功地使元素（如div，面板等）可拖动：

<script type="text/javascript">
      $(function() {
          $(".drag").draggable({ revert: true });
      });
</script>

对于在page_load完成之前和发生任何回发之前页面上已经存在的任何内容，此方法都可以正常工作。 我有一系列按钮（带有“ .catbuttons”类），当单击这些按钮时，它们将调出到我的数据库并检索一些图像URL。 检索到这组网址后，我将进行for / next循环并创建一堆图像对象并将其放置在面板中。 每个图像都具有css类“ .drag”，以使其与上面的JQuery一起使用。

问题是，它们不再拖动！ 我在这里读了另一篇文章，内容涉及需要在回发（甚至是部分回发）之后重新绑定javascript东西，这将允许全新的控件将上面的Jquery代码附加到它们上，从而使它们可拖动。 经过一些谷歌搜索，我遇到了这个并测试了它：

<script type="text/javascript">
        $(".catbuttons").live("click", function(){
            $(".drag").draggable({ revert: true });
        });
 </script>

我尝试使用原始脚本将其保留在我的aspx页面的页眉部分中，并且也将其全部保留在此处。 两种方法都没有骰子。

有什么想法吗？

Answer 1

上面的功能实际上期望用户点击，以再次调用可拖动对象。 相反，您需要在回发后执行此操作。 将图像放置在页面上之后，此处的规则应为使用可拖动功能注册所有图像。

编辑：在您的情况下，单击按钮仅触发获取图像的功能。 在将这些图像设为可拖动对象之前，应将其放置在页面上。 您可以在运行时将“ .drag” cssclass放置并应用到这些对象/图像的语句之后，立即使用可拖动对象注册创建的对象。