jQuery模板内的推文按钮

Question

我想在 jquery 模板中集成推文按钮。我正在尝试“带有 javascript 的推文按钮”（link）。但我的 html 模板只显示链接，不显示按钮。我在 jquery-templ 脚本之外尝试了锚标记。然后它工作正常。我很困惑为什么这在 jquery-tmpl 中不起作用。

代码如下：

<script type="text/x-jquery-tmpl">

<a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi"   data-lang="en">Tweet</a>   

</script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s) [0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

有什么建议吗？

Answer 1

因为关闭的</script>标签没有被浏览器正确解析。

你可以改写</scr{{= ""}}ipt>...

关键是，浏览器不理解<script>标签的嵌套，所以每当它解析</script>时，它会关闭最外层的脚本标签。因此，结束 </script> 标记与模板脚本匹配。

您可以通过添加{{= ""}} 来欺骗浏览器忽略脚本标记，模板引擎将使用该标记生成一个空字符串。 </scr{{= ""}}ipt> 将在模板化后生成</script>。