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>");

Answer 2

好吧，我无法弄清楚为什么模板函数不起作用，所以现在我只是使用基本附加的简单路径来拉取URL如下：

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

现在必须这样做。我还是想知道是否有人弄清楚为什么原计划不起作用。谢谢！

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

2 个答案: