JSFiddle - React, Tailwind, and code Playground

by fanartie

HTML

<div data-role="page" id="home">
  <div data-role="content">
    <div>
      <ul id="uuu" data-role="listview">
        <li id="kkk" data-theme="e">I need change this to theme A through ajax. (please help, thanks) </li>
      </ul>
    </div>
  </div>
</div>

JavaScript

$('#uuu').append('<li data-theme="a">success change to theme A</li>');

$('#kkk').attr('data-theme', 'a');  // I need do this through ajax

// ======

$('#home').trigger('create');
$("#uuu").listview("refresh");
$("#kkk").listview("refresh"); // this is not working ?