jQuery .template 和 .tmpl 无法正常工作

Question

好吧，基本上我想在帖子的底部添加一行代码:

<p id="audioembed">Click here to <a href="http://www.site.com/mp3file.mp3"> download MP3</a></p>

然后在页面底部，我有脚本来检查用户是否正在 iPhone、iPad 或 iPod 上查看它，然后提取 mp3 URL、清除元素，然后添加基本的 HTML5 音频播放器代替:

<script>
jQuery(document).ready(function($) {
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
var audioElement = $('#audioembed'), href = audioElement.children('a').attr('href');
$.template("audioTemplate", "<audio src='${src}' controls>")
audioElement.empty();
$.tmpl("audioTemplate", {src: href}).appendTo(audioElement);
};
});
</script>

但由于某种原因，它根本不起作用。我知道 iDevice 检查正在工作(如果我用 CSS 颜色更改等基本内容替换模板行，它就可以正常工作)，所以我必须用模板搞乱一些东西。如果您能解决这个问题，我们将不胜感激。

Answer 1

我认为您的模板仍然必须采用有效的 javascript 字符串文字:

$.template("audioTemplate", "<audio src='${src}' controls>");