Jquery mobile 从jquery mobile 1.3.2到1.4.3,复选框水平失败
以下是html:Jquery mobile 从jquery mobile 1.3.2到1.4.3,复选框水平失败,jquery-mobile,jquery-mobile-checkbox,Jquery Mobile,Jquery Mobile Checkbox,以下是html: <form> <fieldset data-role="controlgroup" data-type="horizontal" id="buddies" /> </form> 下面是javascript: for (var i = 0; i < json.length; i++) { var usr = json[i]; var mid = usr.mid; var input = '<inpu
<form>
<fieldset data-role="controlgroup" data-type="horizontal" id="buddies" />
</form>
下面是javascript:
for (var i = 0; i < json.length; i++) {
var usr = json[i];
var mid = usr.mid;
var input = '<input id="' + mid + '" type="checkbox"';
var photo = usr.photo;
if (typeof photo === 'undefined') {
photo = '<span class="middle"></span><br/>';
no_photo_ids[no_photo_ids.length] = mid;
} else {
photo = '<span class="middle"><img src="' + photo + '"/></span><br/>';
if (max_invite_messages-- > 0) {
input += ' checked="checked"';
}
}
input += '>';
var label = '<label for="' + mid + '">' + photo + usr.name + '</label>';
$('#buddies').append(input);
$('#buddies').append(label);
}
$('#buddies').trigger('create');
它在jquery mobile 1.3.2中正常工作,就像:
但它在1.4.3中搞砸了,就像:
最后我找到了一个解决方案: 1.3.2这样工作很容易:
$('#buddies').append(...);
$('#buddies').append(...);
...
$('#buddies').trigger('create');
$('#buddies').controlgroup("container").append(...);
$('#buddies').controlgroup("container").append(...);
...
$('#buddies').enhanceWithin().controlgroup("refresh");
1.4.3就是这样的混乱:
$('#buddies').append(...);
$('#buddies').append(...);
...
$('#buddies').trigger('create');
$('#buddies').controlgroup("container").append(...);
$('#buddies').controlgroup("container").append(...);
...
$('#buddies').enhanceWithin().controlgroup("refresh");
现在它工作得很好:
似乎是代码中的其他内容改变了bc。文档并不表明此设置已被弃用。不过,看起来您的var输入在末尾缺少一个>。这可能会造成问题。的可能重复