使用JQuery添加HTML

Question

下面的jquery将日期时间从括号中删除,而不是日期.

下面是jquery:

 $('.counter_area').html('<div class="open-ViewCustomer well well-sm"' +
                'data-toggle="modal" data-id=' + v.id +
                ' data-first=' + v.first_name +
                ' data-last='  + v.last_name +
                ' data-time='  + v.joined_at +
                ' data-note='  + v.note +
                ' data-download=' + v.attach +
                ' href="#viewCustomer" data-placement="bottom" title="View Customer Details And Options">' + v.first_name +
                ' ' + v.last_name +
                '</div>'
            );

这就是它产生的:

<div class="open-ViewCustomer well well-sm" data-toggle="modal" data-id="2" data-first="joe" 
data-last="doe" data-time="2014-03-26" 18:22:50="" data-note="null" data-download="null" 
href="#viewCustomer" data-placement="bottom" title="View Customer Details And Options">joe   doe</div>

你可以看到data-time="2014-03-26" 18:22:50=""应该是data-time="2014-03-26 18:22:50"

我对前端开发很新,对解决这个问题的任何帮助都表示赞赏.

Answer 1

您的联接日期字符串中有一个空格,因此您需要围绕该属性的引号:

' data-time="'  + v.joined_at + '"'+