Question

在Google Apps脚本中，我正在尝试在模板HTML中使用jQuery。我收到以下错误：

ReferenceError：未定义“$”。

的index.html

<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  </head>
  <body>

  My favorite Google products:
  <? var data = ['Gmail', 'Docs', 'Android']; ?>
  <? $(data).each(function(){ ?>
    <?= this ?>
  <?}); ?>

  </body>
</html>

Code.gs

function doGet() {
  return HtmlService
    .createTemplateFromFile('index')
    .evaluate();
}

Answer 1

标记<?表示代码在服务器上运行，而服务器端似乎没有加载jQuery，因此$ reference不存在。

这样的事情应该没有问题：

<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
       $(function() {
          var data = ['Gmail', 'Docs', 'Android'];
          var products = $('#products');
          $(data).each(function(index, value) {
             products.append('<li>' + value + '</li>');
          });
       });
    </script>
  </head>
  <body>    
  My favorite Google products:
  <ul id="products"/>
  </body>
</html>

ReferenceError：客户端中未定义“$”？

1 个答案: