2

好的，所以基本上我试图在帖子底部添加一行代码：

<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 颜色更改之类的基本内容替换模板行，它工作得很好）所以我必须把模板弄乱了。任何你能解决这个问题的光都将不胜感激。

4

2 回答 2

0

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

$.template("audioTemplate", "<audio src='${src}' controls>");
于 2012-06-12T20:13:04.303 回答
0

好吧，我不知道为什么模板函数不起作用，所以现在我只是简单地使用一个基本的追加来拉取 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>

它现在必须做。我仍然想知道是否有人弄清楚为什么原来的计划不起作用。谢谢！

于 2012-06-14T00:48:44.837 回答