我的错误在哪里？ 参数列表后未捕获到的SyntaxError：缺少）

Question

Simple script, not sure where the error is coming from. Think I have my blinders on!

<script type="text/javascript">
    var listingId = "<!-- TMPL_VAR listing_id -->";
    var photoCount = "<!-- TMPL_VAR photo_count -->";
    var photoNum = 1;
    for(i=photoNum; i<=photoCount; i++) {
        $('.carousel-inner').append('<div class="active item"><img src="/property/photo/' + listingId + '/' + i'" /><div class="carousel-caption"><!-- TMPL_VAR remarks_general --></div></div>');
    }
</script>

Answer 1

You are missing + in this line

$('.carousel-inner').append('<div class="active item"><img src="/property/photo/' + listingId + '/' + i'" /><div class="carousel-caption"><!-- TMPL_VAR remarks_general --></div></div>');

Try like this

$('.carousel-inner').append('<div class="active item"><img src="/property/photo/' + listingId + '/' + i+'" /><div class="carousel-caption"><!-- TMPL_VAR remarks_general --></div></div>');

Answer 2

At first I can see you are missing + at img tag for src attribute. Added + after i

var listingId = " TMPL_VAR listing_id";
    var photoCount = "<!-TMPL_VAR photo_count";
    var photoNum = 1;
    for(var i=photoNum; i<=photoCount; i++) {
        $('.carousel-inner').append('<div class="active item"><img src="/property/photo/' + listingId + '/' + i+'" /><div class="carousel-caption"><!-- TMPL_VAR remarks_general --></div></div>');
    }