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 Comentarios

  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

Dejar respuesta

Please enter your comment!
Please enter your name here