我会尽力解释发生了什么,因为它很奇怪 . 之前在我们的网站上进行了一些更改(这没有被触及)这完美地工作我当前在使用.buttonset()时在JQuery中使用单选按钮出现2个意外错误
我们目前有一个多步骤表单,第二步我们使用第一步的详细信息向客户提供服务提供商列表,他们可以选择他们想要使用的服务提供商 .
我们使用ajax返回放置在radio-group div中的HTML . 下面的HTML示例:
<input type="radio" value="1" name="cleaner-select" id="cleaner-select-1" class="cleaner_selection ui-corner-left">
<label for="cleaner-select-1" class="cleaner-selection-box col-md-2 col-xs-12">
<div class="col-md-12 col-xs-12 center fivepxpad">
<button type="button" class="btn btn-default btn-primary" onclick="view_profile(1)"> View Cleaner Profile <span class="btn-icon-right icon-circle-right"></span></button>
</div>
<div class="col-md-12 col-xs-12 cleanerproducts">
<span class="icon green icon-leaf fontsize16"></span> Eco / Natural Products
</div>
<div class="col-md-12 col-xs-12">
<span class="icon icon-shield cleanerverified"></span> Verified
</div>
<div class="col-md-12 col-xs-12">
<span class="icon icon-location"></span> Close-By
</div>
</label>
这是放在下面的DIV内:
<div id="radio-group" class="center">
</div>
使用这个JQuery
$('#radio-group').html(result[1]);
$('#radio-group').buttonset();
当前错误:
-
调用buttonset时,将删除所有无线电输入的值 . 例如 . 从value =“1”变为正值 . 这没有先前发生过,我知道buttonset导致这种情况,因为当我删除$('#radio-group') . buttonset();值保持不错(HTML中没有错误) .
-
当buttonset应用于父div“radio-group”时,它按预期接收ui-buttonset类但没有其他任何事情发生,输入单选按钮仍然可见,选中时颜色未显示且标签保持白色(表示是一个浅灰色)但是当点击标签时,选择了正确的raido输入 .
在我们的最后一次更新中,我们一起加入了一些CSS文件和JS文件,但保持所有内容的顺序与先前加载的顺序相同 . 这是为了减少我们必须进行的调用量以及其他一切正常工作所以不完全确定这是造成它的原因 . 我们也没有控制台错误 .
我尝试过的事情:
-
已更改$('#radio-group').buttonset(); to $('#radio-group').button();
-
叫$('#radio-group').buttonset();在document.ready中尝试$('#radio-group').buttonset('refresh);当HTML改变时
-
$('#radio-group').buttonset('refresh);通过它自己
-
Double检查了所有CSS和JS . (包括JQuery-UI .js和.css)
我即将尝试切换回旧的页眉和页脚文件(进行更多调用),看看是否修复了它,但如果有人知道发生了什么,任何帮助/想法/建议将不胜感激 .
我似乎找不到任何有类似问题的人,而且我已经在这里工作了几个小时它正在努力 . 如果你需要更多信息,请告诉我 .