Dodałem okno z właściwościami pozwalającymi na powiększanie/skalowanie. I dodałem je do natywnego kodu:Powiększenie określonego elementu div w Cordova/Ionic
WebSettings settings = super.appView.getSettings();
settings.setBuiltInZoomControls(true);
settings.setDisplayZoomControls(true);
settings.setSupportZoom(true);
jestem w stanie przybliżyć, ale wraz z moim zdaniem, ion-header-bar
i ion-nav-bar
zostanie powiększony. Próbowałem podać nagłówek css, aby go naprawić:
position: fixed;
top: 0px;
left: 0px;
, ale mimo to zostałby powiększony.
Mój index.html ma ion-header-bar
, który zawiera obraz. Szablony wchodzić
<ion-nav-view class="has-header"></ion-nav-view>
szablonu w których mogę wymagać powiększenia w danym div jest o „jonowy-view` i wygląda na to:
<ion-view>
<ion-nav-bar class="bar-stable">
<ion-nav-buttons side="right">
icon1
</ion-nav-buttons>
<ion-nav-buttons side="left">
icon2
</ion-nav-buttons>
</ion-nav-bar>
<div>
Multiple divs in here, which are containers for html and css data we receive via AJAX requests. And this is here I need zooming in.
</div>
</ion-view>
PS: Czy to ważne, czy ja dodać pełny kod HTML (z meta viewport, bez nagłówka, ale treść i divs) wewnątrz ion-view
?
Moi DIV są modyfikowane poprzez DOM po żądań AJAX. Próbowałem dodać te elementy div w 'ion-scroll', ale wtedy odebrane dane nie zostaną wczytane, tzn. Div wewnątrz jon-scroll pozostanie puste. Próbowałem dodać kod jon-scroll w jQuery, w którym modyfikuję kod HTML div, tak jak to: '$ (" # container "). Html ('' + data + ' '); 'a dokument ładuje się, ale nie mogę przewijać. Dla pewności dodałem element div z tekstem w kodzie HTML, w jonowym przewijaniu i mogłem powiększyć ten tekst. –
Keval
W 1.2+, trzeba dodać to także: '.config (function() {$ ionicConfigProvider $ ionicConfigProvider.scrolling.jsScrolling (true);}) ' Via https: //forum.ionicframework. com/t/ionic-latest-version-1-7-14-pinch-zoom-is-not-working/42832 – jczaplew