Programatically changing theme in a Jquery Mobile component
Why theme 'e' is not reflecting in the output?
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> <title>title</title> <script> $(document).bind('pageinit', function() { $('input').attr('data-theme', 'e'); }); </script> </head> <body> <input type="text" /> </body>
</html>
I tried the following, but they are not working:
$('input').attr('data-theme', 'e').trigger('create');
$('input').attr('data-theme', 'e').trigger('refresh');