jquery模板内的tweet按钮

Question

我想在jquery模板中集成tweet按钮。我正在尝试'使用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>。