Jquery Mobile checkbox-list no se actualiza al agregar elementos y "actualizar" el script para darle estilo
Es muy fácil agregar una lista de casillas de verificación en JQuery Mobile, los scripts diseñan / cambian automáticamente el siguiente html y le dan funcionalidad:
<fieldset data-role="controlgroup" id="liste" class="liste">
<legend>Choose as many snacks as you'd like:</legend>
<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom">
<label for="checkbox-1a">Cheetos</label>
<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom">
<label for="checkbox-2a">Doritos</label>
<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom">
<label for="checkbox-3a">Fritos</label>
<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom">
<label for="checkbox-4a">Sun Chips</label>
</fieldset>
Sin embargo, cambiar una lista existente resulta difícil, ya que uno tiene que llamar a este método de actualización que simplemente no quiere funcionar para mí:
$(".selector").checkboxradio( "refresh" );
Aquí está mi lista con el intento fallido de agregar un elemento a la lista en JsFiddle:Por favor ayudame, gracias!