javascript - 使用 Drupal_add_js/Jquery 评估 Node 时未定义

Question

我是 Jquery 的新手，但不是 JS、PHP、Drupal 等的新手。甚至是 stackoverflow 的新手。

为了刷新网络摄像头图像，我使用一个简单的 HTML 文件进行测试，如下所示:

var URL = "http://webcam.tld/live.jpg";
var QueryString = "?random=RANDOM_NUMBER"; // simplified
$("#webcam").attr( "src", URL + QueryString ) ; 

这行得通!!!

在 Drupal 7 中，JS 文件包含在:

<?php
drupal_add_js( 'sites/site_1/themes/t1/js/webcams.js' , 'file' ); 
print '<img id="webcam" src="http://webcam.tld/live.jpg" />';
?>

外部 JS 文件 'webcams.js' 听起来像这样:

jQuery(document).ready( function(){
    var URL = "http://webcam.tld/live.jpg";
    var QueryString = "?random=RANDOM_NUMBER";
    // This gives TypeError (see below)
    $("#webcam").attr( "src" , URL + QueryString ); 
    // THIS WORKS 
    alert( "Hello" ); 
} ) ;

我收到以下错误消息:

TypeError: 'undefined' 不是一个函数(评估 '$("#webcam")')

我做错了什么？

感谢您的提示和关注。 汉斯

Answer 1

在 Drupal7 中，您需要将 jQuery 代码包装到函数中，如下所示:

 // We define a function that takes one parameter named $.
(function ($) {
  // Here is our code
  // ...
}(jQuery));

或者，您可以在所有地方使用完整的“jQuery”而不是“$”。 您可以在 https://drupal.org/node/171213 上阅读更多内容 另外，我建议你使用 Drupal 行为(你想要遵循 Drupal 标准) http://blog.amazeelabs.com/en/comment/510193 - 关于 drupal 行为。