jQuery的.attr代碼在Drupal工作

Question

看看我的jsfiddle：http://jsfiddle.net/KevinOrin/zuFae/

代碼成功地在那裏工作，但不是在Drupal站點我編碼它：http://gossiptalk.info/users/gossiptalk

我直接從複製出來的HTML Drupal的DOM輸出，無論我把js放在哪裏都行不通。是的，它加載了jQuery庫。有什麼想法嗎？

$(document).on("click", function() { 
var _href = $("#map-addr").attr("href"); 
var _addr = $("#map-addr div.field-item").text(); 
$("#map-addr").attr("href", _href + _addr); 

}）;

Answer 1

我相信drupal使用jQuery.noConflict因此$將不再引用jQuery對象。只需使用jQuery而不是$即可。

jQuery(document).on("click", function() { 
    var _href = jQuery("#map-addr").attr("href"); 
    var _addr = jQuery("#map-addr div.field-item").text(); 
    jQuery("#map-addr").attr("href", _href + _addr); 
}); 

Answer 2

您應該能夠使用這個，仍然寫的jQuery像你已經習慣了裏面，因爲它使$本地本身並輸出到jQuery的。它通常與document.ready

(function($){ 
    $(document).on("click", function() { 
     var _href = $("#map-addr").attr("href"); 
     var _addr = $("#map-addr div.field-item").text(); 
     $("#map-addr").attr("href", _href + _addr); 
    }); 
})(jQuery); 

Answer 3

您也可以在代碼中使用'jQuery'變量而不是$變量。

參見：http://drupal.org/node/171213

http://drupal.org/update/modules/6/7#javascript_compatibility

var jq = jQuery.noConflict(); 
jq(document).on("click", function() { 
    var _href = jq("#map-addr").attr("href"); 
    var _addr = jq("#map-addr div.field-item").text(); 
    jq("#map-addr").attr("href", _href + _addr); 
});