Uncaught SyntaxError: Unexpected reserved word
Question
I have this code in JQUERY:
var large='<div class="vip" style ="background:url(./uploads/deal/"+data[a].id+"_1.jpg);">
<span class ="coundtown" value ='+data[a].deal_time_off+' style ="display:none;"></span>
<script> $(document).ready(function(){ $('+data[a].deal_unique_id+').countdown({ date:'+data[a].deal_time_off+'}); }); </script>
<div class = "deal_info clearfix">
<div class = "deal_subject clearfix">
<a href="./deal/'+data[a].deal_unique_id+'">adsfd</a>
</div>
<div style = "clear:both"></div>
<div class="timer">
<img class="img" src="./img/stopwatch.png" border="none" />
<span class ='+data[a].deal_unique_id+'></span>
</div>
</div>
<div class="percent_mini"></div>
</div>';
//$("#left_row").append(large);
But on this line:
<span class ="coundtown" value ='+data[a].deal_time_off+' style ="display:none;">
I get this error:
Uncaught SyntaxError: Unexpected reserved word
what is the problem?
var large='<div class="vip" style ="background:url(http://mydeal.ge/uploads/deal/"+data[a].id+"_1.jpg);">
<span class ="coundtown" value ="'+data[a].deal_time_off+'" style ="display:none;"></span>
<script> $(document).ready(function(){ $("'+data[a].deal_unique_id+'").countdown({ date:"'+data[a].deal_time_off+'"}); }); </script>
<div class = "deal_info clearfix">
<div class = "deal_subject clearfix">
<a href="http://mydeal.ge/deal/'+data[a].deal_unique_id+'">adsfd</a>
</div>
<div style = "clear:both"></div>
<div class="timer">
<img class="img" src="http://mydeal.ge/img/stopwatch.png" border="none" />
<span class ="'+data[a].deal_unique_id+'"></span>
</div>
</div>
<div class="percent_mini"></div>
</div>';
i fixed this variable but still getting error
3 answers
solution1
3 2013-04-25 00:41:38
You can't have newlines in javascript strings without escaping them:
var str1 = "abcd
efgh";
should be:
var str1 = "abcd\
efgh";
Your HTML is spread out over multiple lines so you need to escape the line breaks:
var large='<div class="vip" style ="background:url(./uploads/deal/"+data[a].id+"_1.jpg);">\
<span class ="coundtown" value ='+data[a].deal_time_off+' style ="display:none;"></span>\
<script> $(document).ready(function(){ $('+data[a].deal_unique_id+').countdown({\ date:'+data[a].deal_time_off+'}); }); </script>\
<div class = "deal_info clearfix">\
<div class = "deal_subject clearfix">\
<a href="./deal/'+data[a].deal_unique_id+'">adsfd</a>\
</div>\
<div style = "clear:both"></div>\
<div class="timer">\
<img class="img" src="./img/stopwatch.png" border="none" />\
<span class ='+data[a].deal_unique_id+'></span>\
</div>\
</div>\
<div class="percent_mini"></div>\
</div>';
solution2
2 2013-04-25 03:48:14
Don't use html in a variable, much less a script containing html, because it's most difficult to maintenance. do you should use template ( Handlebars , undersscore , mustache, ...). good luck!
Ex:
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js"></script>
<title>your title</title>
</head>
<body>
<script id="our-tpl" type="text/x-handlebars-template">
<div class="vip" style ="background:url(./uploads/deal{{deal_unique_id}}_1.jpg);">
<span class ="coundtown" value="{{deal_time_off}}" style ="display:none;"></span>
<div class = "deal_info clearfix">
<div class = "deal_subject clearfix">
<a href="./deal/{{deal_unique_id}}">adsfd</a>
</div>
<div style = "clear:both"></div>
<div class="timer">
<img class="img" src="./img/stopwatch.png" border="none" />
<span class ="{{deal_unique_id}}"></span>
</div>
</div>
<div class="percent_mini"></div>
</div>
</script>
<div class="render"></div>
<script type="text/javascript">
var obj = {deal_unique_id: 1, deal_time_off: "This is your count"},
tpl = Handlebars.compile(($('#our-tpl').html())),
$rend = $('.render');
//render
$rend.html(tpl(obj));
$('.vip').ready(function(){
var el = '.'+obj.deal_unique_id;
$(el).countdown({ date:obj.deal_time_off});
});
</script>
</body>
</html>
solution3
1 2013-04-25 00:36:59
I think maybe you are missing quotes around the value for the value attribute.
<span class ="coundtown" value ="'+data[a].deal_time_off+'" style ="display:none;">
note the value="...
EDIT -- wait wait wait a minute.
Unless that string is all in one line, you need to split it up.
var large='<div class="vip" style ="background:url(./uploads/deal/"+data[a].id+"_1.jpg);"';
large+=' <span class ="coundtown" value ='+data[a].deal_time_off+' style="display:none;"></span>'
...
you can't have one string across many different lines.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.