drupal - jQuery，無法通過jQuery選擇任何元素

Question

我有一個表單，我通過模塊的init代碼中的drupal_add_js（）添加了一個js文件。

我看到第一個調試消息，但我似乎無法從文檔中選擇任何項目。我只是得到返回的jQuery對象。

但是，當我將相同的行添加到螢火蟲，它的作品。

console.log('called => init()'); 
console.log(jQuery('#quiz-form').find('#edit-next')); 

Answer 1

我想通了。 jQuery對象試圖在頁面初始化之前找到選定的對象。

我在想init模塊中的drupal_add_js就夠了。

BUt我必須在Dom Ready函數中包裝jquery代碼以及......因爲我們總是應該這樣做。

Answer 2

如果你正在嘗試從你的表單元素的值，請嘗試：

console.log(jQuery('#quiz-form').find('#edit-next').val()); 

Answer 3

獲取jQuery對象作爲回報是完全沒有像find方法實際上返回一個jQuery對象。你應該檢查你得到的jQuery對象的長度，例如console.log(jQuery('#quiz-form').find('#edit-next').length);。如果長度爲零，那麼當然沒有找到元素。在這種情況下，你應該確保你的JS代碼在DOM準備好之後被調用，即你應該用jQuery(document).ready包裝你的代碼或者使用Drupal行爲。