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放置並應用到這些對象/圖像的語句之后，立即使用可拖動對象注冊創建的對象。