javascript - drupal 7 jquery 选择器不工作

Question

当我点击 drupal 7 中的一个文本时，我想提醒一些事情。这是我的代码:

(function ($) { 
$("#edit-arrival-city").click(function(){
    alert("fe");
});

})(jQuery);

不行，firebug也没有报错。但是这段代码有效:

(function ($) { 
alert("something");

})(jQuery);

文本框是:

<input id="edit-arrival-city" class="form-text required form-autocomplete jquery-once-1-processed" type="text" maxlength="128" size="20" value="Arrival City" name="arrival_city" autocomplete="OFF" aria-autocomplete="list">

js代码在my_module文件夹下，在my_module.info中添加:scripts[] = js/myjs.js非常感谢。

Answer 1

正如我在评论中提到的，我假设当您附加事件监听器时页面上不存在您的元素。如果您的 javascript 代码片段嵌入在元素之后(例如，就在关闭 </body> 之前)，这会很好地工作。如果不是，您需要将其包装在 domReady 函数中:

$(function() {
    $("#edit-arrival-city").click(function(){
         alert("fe");
    });
});

更好的方法是使用 delegated events ，这样您就可以省略 domReady，因为点击目标是在事件发生时计算的:

$(document).on("click", "#edit-arrival-city", function(e) {
    alert("fe");
});

只是 ftr，您发布的示例是 iffy . ;-)