Actualización de la entrada de texto en jQuery Mobile (temas)

Me gustaría actualizar en un texto de entrada después de agregar dinámicamente el atributo «data-theme».

¿Cómo puedo hacer esto?

Me gustaría que: http://jsfiddle.net/Sgrve/5/

Si hago clic en la opción «Cambiar de Tema», quiero cambiar el color de la entrada.

De datos-tema de cambio de atributo, pero el color no cambia.

2 Kommentare

  1. 3

    Vivir Ejemplo:

    JS

    $('#addContent').append('<input type="text" value="Default Value" id="newContent" />');
    alert('Adding Dynamic content/element');
    
    $('#newContent').val('Hello new Value 123');
    alert('Changing the value');
    
    $('#home').trigger('create');
    alert('Refreshing JQM controls and look');

    HTML

    <div data-role="page" id="home"> 
        <div data-role="content">
            <div id="addContent">
                <!-- Add Dynamic content here -->
            </div>
        </div>
    </div>

    ACTUALIZACIÓN De su comentario

    JS

    $("#btn1").click(function() {
        $('#txtContent').attr('data-theme','e').removeClass('ui-body-d').addClass('ui-body-e').trigger('create');
    });
    
    $("#btn2").click(function() {
        alert("Theme = " + $('#txtContent').attr('data-theme'));
    });

    HTML

    <div data-role="page" id="home"> 
        <div data-role="content">
            <div id="addContent">
                <p><input type="text" value="I want to copy you" data-theme="d" id="txtContent" /></p>
                <p><input type="text" value="Try to look like me" data-theme="e" id="txtContent2" /></p>
                <p><button id="btn1">Change theme</button></p>
                <p><button id="btn2">View theme</button></p>
                <!-- Add Dynamic content here -->
            </div>
        </div>
    </div>
    • Me gustaría que: jsfiddle.net/Sgrve/5 // Si hago clic en la opción «Cambiar de Tema», quiero cambiar el color de la entrada
    • Respuesta actualizada en función de tu comentario
  2. -1

    Intente ejecutar

    $('#page_id').page('refresh');

    o

    $('#list_id').listview('refresh');

    si es dentro de una Lista.

    • No trabajo. En chrome consola: Uncaught no hay tal método de «actualización» de la página instancia widget

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea