JQuery Mobile Control при частичном просмотре не имеет правильного стиля

Question

В обычном режиме, <a href="#" data-role="button">Button</a> даст вам красивую кнопку. Но если приведенный выше код является частичным представлением, он отображается только как обычная HTML-ссылка ...

есть ли способ заставить элементы управления в частичном представлении работать как обычные элементы управления jquery?

Answer 1

Если вы визуализируете его динамически в частичном представлении, после «загрузки страницы» стиль не будет применен. то, что вам нужно сделать, это вызвать «pagecreate» на странице.

$('#page').trigger('pagecreate');

если ваша ссылка находится в виде списка, вам также необходимо «обновить» ваш список следующим образом:

$("#List").listview('refresh');

Надеюсь, это поможет.

Answer 2

Если вы используете MVC 4, все, что вам нужно сделать, это добавить ссылку на ваш макет в вашем частичном представлении.

@{ 
    Layout = "~/Views/Shared/_Layout.cshtml";
}

В моем случае у меня есть отдельные мобильные представления, которые были частичными, поэтому я просто добавил это в файлы .Mobile.cshtml, и это выведет использование _Layout.Mobile.cshtml.