Включить эффект масштабирования на jquery mobile

0

Я хочу включить стандартный эффект масштабирования в jQuery mobile на моем приложении iOS iphone jqm 1.3.2.

Я уже пробовал это:

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" />

а также

$(document).on("mobileinit", function () {
             $.mobile.defaultPageTransition = 'none';
             $.mobile.defaultDialogTransition = 'pop';

             $.mobile.pageLoadErrorMessage = 'Seitenladefehler';
             $.mobile.loadingMessage = 'Lädt...';
             $.mobile.dialog.prototype.options.closeBtnText = "Schließen";
             $.mobile.page.prototype.options.backBtnText = "Zurück";

             $.mobile.listview.prototype.options.filterPlaceholder = "Suchen...";

             $.mobile.activeBtnClass = 'unused';
             $.mobile.zoom.enabled = true;

             $.mobile.ajaxEnabled = true;

             //$.mobile.touchOverflowEnabled = true;

         });

Все еще нет двух пальцев, масштабирующихся внутри приложения jqm. что мне не хватает?

  • 0
    Вы уверены, что это не работает? Я только что проверил ваш код и его масштабирование.
  • 0
    нет ... приложение не должно было быть увеличено в начале, я не уверен, что убрал все опции, которые мешали масштабированию. Есть ли какие-либо другие возможности для предотвращения масштабирования, которые я пропустил, может быть?
Показать ещё 2 комментария
Теги:
jquery-mobile

1 ответ

2
Лучший ответ

почему бы не удалить максимальный масштаб все вместе:

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">

также на iOS, я считаю, что пользовательский масштабируемый набор с 1 вместо да см. масштабируемую пользователем спецификацию

 <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=1">

или попытка также без масштабируемого пользователя

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0">

возможно, также через jQuery Mobile API:

$(document).bind( "mobileinit", function(event) {
       $.extend($.mobile.zoom, {locked:false,enabled:true});
});

Событие mobileinit:

http://jquerymobile.com/demos/1.0b2/docs/api/globalconfig.html

См. Ссылку:

Спецификация адаптера устройства W3C для CSS

  • 0
    Я проверю это ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню