Javascript 引用导致 Blogger 模板中缺少参数

Question

当我使用以下代码时，它工作正常：

    <script>
      $(document).ready(function() {
        $('#article-sidebar-tabbed-archive-gadget').prepend('<nav></nav>');
      });
    </script>

但是，如果我使用任何类型的引号，我会收到以下错误：

Uncaught SyntaxError: missing ) after argument list

导致错误的代码示例：

    <script>
      $(document).ready(function() {
        $('#article-sidebar-tabbed-archive-gadget').prepend('<nav><a href="#">Tags</a></nav>');
      });
    </script>

导致错误的原因是什么，我该如何解决？

Answer 1

也许你只需要转义双引号，试试这个：

<script>
  $(document).ready(function() {
    $('#article-sidebar-tabbed-archive-gadget').prepend('<nav><a href=\"#\">Tags</a><nav>');
  });
</script>

Answer 2

除非代码在 HTML/Javascript 小部件内或 post 内，否则尝试这样：

    <script>
// <![CDATA[
      $(document).ready(function() {
        $('#article-sidebar-tabbed-archive-gadget').prepend('<nav><a href="#">Tags</a></nav>');
      });
// ]]>
    </script>

原因是 Blogger 有办法弄乱某些 javascript 编码，除非您将其包装在 CDATA 中。一点试错让我了解到这一点。或者，也许您只需要像这样转义所有 a 元素：

无论如何，我在一个新博主 post 中测试了你的代码，它工作正常。所以，如果我不得不猜测，我提到的解决方案应该有效......

Javascript 引用导致 Blogger 模板中缺少参数

Javascript With Quote Causes Missing Argument In Blogger Template

javascript

xml

blogger