İstemci Tarafı Gidonları 404 istekte neden oluyor

Question

İstemci tarafında gidon kullanmak istiyorum. Benim html kodumda şu gibi çağrılarım var:

doğrudan benim index.html içinde. gayet iyi çalışıyor

this.emptyPageSource = $("#productdetail").html(); 
this.productTemplate = Handlebars.compile(this.emptyPageSource); 
var html = this.productTemplate(product); 
$("#productdetail").html(html); 

:

javascript ben böyle bir şey yapmak. Bir zamanlar şablondan dom olarak mevcut olan html parçasını bir şablon olarak alıyorum, daha sonra gidon ile templatlamayı ve eski dom girişinin üzerine yazdım.

Sayfayı yüklediğimde, çok fazla 404 istek alıyorum çünkü tarayıcı, JS için olduğu için şablon oluşturulmasa bile görüntü kaynaklarını yüklemeye çalışıyor.

404 isteklerini kaçırmanın bir yolu var mı? (Ben hem açısal falan kullanmıyorum - sadece düz js + jquery)

Ben <script type='text/template' id='productdetail'> için #productdetail elemanı dönüştürme çalışacağız peşin Chris

Answer 1

teşekkür ederiz. olduğu gibi: JSBin

<h1>A Cat</h1> 
<script type="text/template" id="productdetail"> 
<img src="{{image}}" alt=""> 
</script> 
Rest of it 

<script> 
    var product = { 
    key: '1', 
    image: 'https://media.giphy.com/media/freTElrZl4zaU/giphy.gif' 
    } 
    var emptyPageSource = $("#productdetail").html(); 
    var productTemplate = Handlebars.compile(emptyPageSource); 
    var html = productTemplate(product); 
    $("#productdetail").replaceWith(html); 
</script> 

tarayıcı text/template komut anlamak ve sadece kendi görmezden gelmez. Ancak, bizim betikimizdeki içeriğin içeriğini şablon olarak okuyabiliriz.