Проблемы JQuery Buttonset - не работает должным образом

Я постараюсь объяснить, что происходит, как это довольно странно. До внесения некоторых изменений на нашем веб-сайте (это не было затронуто) это работало отлично. В настоящее время у меня возникают 2 неожиданные ошибки с переключателями Radio в JQuery при использовании.buttonset().

В настоящее время у нас есть многоэтапная форма, на втором этапе мы используем детали первого этапа, чтобы предоставить клиенту список поставщиков услуг, где они могут выбрать, кого из них использовать.

Мы используем ajax для возврата HTML, который находится внутри div радиогруппы. Пример 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, значения всех радиовходов удаляются. например. изменяется от значения = "1" до просто значения. Этого раньше не было, я знаю, что buttonset вызывает это, потому что когда я удаляю $('#radio-group'). Buttonset(); значение остается хорошим (без ошибок в HTML).

  2. Когда buttonset применяется к родительскому элементу div "radio-group", он получает класс пользовательского интерфейса кнопок, как и ожидалось, но больше ничего не происходит, переключатели ввода по-прежнему видны, цвета не отображаются, когда выбраны, а метки остаются белыми (предназначено для будет слегка серого цвета), но при нажатии на метки будет выбран правильный ввод Райдо.

В нашем последнем обновлении мы объединили несколько CSS-файлов и JS-файлов вместе, но сохранили все в том же порядке, в котором они были ранее загружены. Это должно было уменьшить количество вызовов, которые мы должны были сделать, а все остальное работает нормально, поэтому не совсем уверен это вызывает это. Мы также не получаем никаких ошибок консоли.

Вещи, которые я пробовал:

  1. Изменено $('#radio-group'). Buttonset(); $('#radio-group').button();
  2. Вызывается $('#radio-group'). Buttonset(); в document.ready и пробовал $('#radio-group').buttonset('refresh); когда HTML меняется
  3. . $ ('# Радио-группа') buttonset ('обновления); сам по себе
  4. Дважды проверил все CSS и JS. (JQuery-UI .js и.css включены)

Я собираюсь попробовать вернуться к нашим старым файлам верхнего и нижнего колонтитула (где делается больше звонков), чтобы увидеть, если это исправит это, но если кто-то знает, что происходит, любая помощь / идеи / советы будут оценены.

Кажется, я не могу найти кого-то с подобной проблемой, и я работаю над этим часами, это делает мою голову. Если вам нужна дополнительная информация, дайте мне знать.

0 ответов

Другие вопросы по тегам