JQuery Buttonset问题 - 未按预期工作

时间:2018-04-14 13:43:52

标签: javascript jquery jquery-ui jqueryi-ui-buttonset

我会尽力解释发生的事情,因为它很奇怪。之前在我们的网站上进行了一些更改(这没有被触及),这非常有效我在使用.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();

当前错误:

  1. 调用buttonset时,将删除所有无线电输入的值。例如。价值变化=&#34; 1&#34;只是重视。这没有先前发生过,我知道buttonset导致这种情况,因为当我删除$(&#39; #radio-group&#39;)。buttonset();值保持不错(HTML中没有错误)。

  2. 当buttonset应用于父div&#34; radio-group&#34;它按预期接收ui-buttonset类,但没有其他任何事情发生,输入单选按钮仍然可见,颜色不会在选中时显示,标签保持白色(意味着是浅灰色)但是当标签是点击正确的raido输入被选中。

  3. 在我们的上一次更新中,我们一起加入了一些CSS文件和JS文件,但保持所有内容的顺序与先前加载的顺序相同。这是为了减少我们必须进行的调用量以及其他一切正常工作不完全确定这是造成它的原因。我们也没有控制台错误。

    我尝试的事情:

    1. 更改了$(&#39; #radio-group&#39;)。buttonset();到$(&#39; #radio-group&#39;)。button();
    2. 叫$(&#39; #radio-group&#39;)。buttonset();在document.ready中尝试了$(&#39; #radio-group&#39;)。buttonset(&#39; refresh);当HTML改变时
    3. $(&#39;#无线电组&#39;)buttonset(&#39;刷新)。本身
    4. 仔细检查了所有CSS和JS。 (包括JQuery-UI .js和.css)
    5. 我即将尝试切换回我们的旧页眉和页脚文件(进行更多调用)以查看是否修复了它但是如果有人知道发生了什么,那么任何帮助/想法/建议都将是赞赏。

      我似乎找不到任何有类似问题的人,而且我已经在这里工作了好几个小时它已经开始了。如果你需要更多信息,请告诉我。

0 个答案:

没有答案