Вы можете переопределить значение по умолчанию, указав в вашем файле index.html класс jquery mobile, который вы хотите. Хорошим примером может быть, вместо:
<ul id='myid' data-inset='true' data-theme='a' data-role='listview' class='ui-listview ui-listview-inset ui-shadow'>
, который будет автоматически вставлять этот
class ui-corner-all
вы бы затем добавить свой собственный класс:
<ul id='myid' data-inset='true' data-theme='a' data-role='listview' class='ui-listview ui-corner-left ui-listview-inset ui-shadow'>
В Firefox, пользовательский интерфейс угла -все класс не добавляется автоматически для меня, возможно, вы используете более старую версию jQuery mobile и должны обновляться. Если вы хотите сделать это динамически в яваскрипта файле:
$("#my_page_id").live("pagecreate",function(){
var ul = $("<ul id='myid' data-inset='true' data-theme='a' data-role='listview' class='ui-listview ui-listview-inset ui-corner-left ui-shadow'>");
ul.append($('<li class="ui-li ui-li-static ui-body-a ui-corner-left">').append("Code Slayer!!!"));
$('mydiv_in_mypage').html(ul);
});
как в случае повторного написания содержимого div, автоматически стирания старого содержимого. Если вы будете показывать много информации в вашем списке, вы можете захотеть использовать
$.mobile.showPageLoadingMsg('a','Page Loading', true);
, а затем скрыть сообщение, когда будет полностью отображаться ваша страница.
Вы можете изменить исходный JQM код, чтобы заменить один класс с другим, или вы могли бы изменить JQM CSS, чтобы сделать UI-краеугольный все работать так, ты хочешь это. Но я думаю, что ваше текущее решение должно быть прекрасным. Почему беспокоиться об одной строке кода? Вы видели, сколько JQM уже делает, когда загружается страница? Этот маленький код не должен вызывать таких проблем. –
Да, вы правы - JQM уже работает так много кода, что одна строка на самом деле не будет иметь никакого значения с точки зрения производительности. Моя настоящая мотивация заключается в том, чтобы держать элементы UI централизованными и «декларативными». Но с этим решением мой пользовательский интерфейс заканчивается разрывом не только между CSS и самой разметкой, но и между некоторыми нечетными битами JS-кода. –