의 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 컬러 변경과 같은 기본적인 것으로 바꾸면 잘 동작한다.) 그래서 나는 템플릿으로 뭔가를 엉망으로 만들 필요가있다. 이 문제에 대해 빛나는 모든 빛은 크게 감사 할 것입니다. 템플릿 기능이 작동하지 왜 지금 난 그냥 갔다, 그래서 내가 알아낼 수

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

Answer 1

나는 템플릿은 여전히 ​​그대로 유효한 자바 스크립트 문자열에있을 것 같아요 다음과 같이 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> 

이제해야 할 일이 있습니다. 나는 원래 계획이 왜 작동하지 않는지 아무도 모른다는 것을 알고 싶다. 감사!

Answer 2

음 :