2

我是 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")'）

我做错了什么？

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

4

1 回答 1

0

在 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 - 关于德鲁巴行为。

于 2013-10-29T07:25:08.480 回答