javascript - 当用 Backbone.js 替换时，queryui 复选框按钮的内容会增加

Question

我有下一个代码来使用 Backbone.js 替换内容

jsfiddle

我不知道为什么内容替换后复选框按钮会变大。简单地说，我使用下一个代码来复选框

 $('.checkWeek').button(); 

Answer 1

我认为原因是因为每次点击时都会调用 $('.checkWeek').button();，因此 JQuery 会执行一些有趣的操作并添加 span 在 span 内，导致大小增大。

一个简单的修复方法是，如果按钮已经存在(或显示)，则不调用 $('.checkWeek').button();

// if button already exists then dont add it again.
if(!$('label[for=checkWeekM]').hasClass('ui-button'))
      $('.checkWeek').button();

看这里:http://jsfiddle.net/Thxtr/3/