数据属性未正确呈现

时间:2013-11-21 10:42:28

标签: javascript jquery html css

这是我正在使用的小提琴: http://jsfiddle.net/7Z8wY/9/

HTML部分是:

<div class="container">
   <div class="right">
       <div id="cityList" class="inner-table"></div>
   </div>
   <div class="left">
       <div id="cityList2" class="inner-table"></div>
   </div>
   <div class="middle">
       <div id="cityList3" class="inner-table"></div>
   </div>

问题是当mycars [i]具有数据属性时,渲染不会发生。 删除数据属性时,这是小提琴:http://jsfiddle.net/7Z8wY/10/

有人可以告诉我渲染的解决方案,以防我们拥有数据属性(或者如何以其他方式完成)

1 个答案:

答案 0 :(得分:5)

字符串文字有语法错误

mycars[0] = '<span data-modelName="city1">S</span>';
mycars[1] = '<span data-modelname="city2">SE</span>';
mycars[2] = '<span data-modelname="city3">SECUNDERABAD</span>';

演示:Fiddle

由于您已使用"启动了字符串,因此必须转义字符串中出现的"