JavaScript и JQuery не работают в одном выражении для мобильных советов - PullRequest
Новая
       37

JavaScript и JQuery не работают в одном выражении для мобильных советов

0 голосов
/ 09 ноября 2019

Я работал над собственным приложением-календарем для моего сайта. Я взял встроенную версию из owncloud и изменил ее. Все работало хорошо. Затем я попробовал вторую навигацию с другим ID. Это исчезнет, ​​когда откроется «меню бургеров» слева, и появится, если меню бургеров будет закрыто.

Это хорошо работало на ПК для IE, Firefox и Chrome. Но не на любых мобильных устройствах. Я могу скрыть меню на мобильных устройствах, но не показывать его снова. Я пробовал разные вещи, такие как .show (), изменить видимость с помощью js. Я также пробовал любые другие ja / jquery-впечатления. Впечатления работали хорошо в остальной части, но не в части if. 

<div id="app-navigation">

<div ng-controller="DatePickerController" id="datepickercontainer" ng-class="{active: visibility}">

<div style="background:#061848; height:44px;"></div>

<!-- Date left -->
<div id="datepicker-heading" class="datepicker-heading" >
<button type="button" class="button first" ng-click="prev()" aria-label="Zurück gehen">
	<i class="glyphicon glyphicon-chevron-left"></i>
</button>
<button ng-cloak type="button" class="button middle" id="dateleft"	ng-click="toggle()">
<div id="pp" onchange="anpassen()">{{ dt | datepickerFilter:selectedView }}</div>
</button>
<button type="button" class="button last" ng-click="next()" aria-label="Weiter gehen">
	<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>

<!-- Date right -->
<div id="datepicker-heading01" class="datepicker-heading" style="visibility:visible; position:fixed; width:200px; right:1px;z-index:9999; top: 0!important;display:inline-block!important;color:#555;cursor:pointer;">
<button type="button" class="button first" ng-click="prev()" id="dleft" aria-label="Zurück gehen" style="width:30px;background:#ddd;border-radius:3px;">
	<i class="glyphicon glyphicon-chevron-left"></i>
</button>

<button ng-cloak type="button" class="button middle" id="dateright"	ng-click="toggle()" style="width:130px;background:#ddd;border-radius:3px;font-weight:600;">
<div id="pp">{{ dt | datepickerFilter:selectedView }}</div>
</button>
<button type="button" class="button last" ng-click="next()" id="dright" aria-label="Weiter gehen" style="width:30px;background:#ddd;border-radius:3px;">
	<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>

И js.js-Part 

$('#app-navigation-toggle').click(function () {
	// Closing burger-menu (just working at computer browser
			if (snapper.state().state == 'left') {
      
		//	$("#datepicker-heading01").show(); Opportunity 1
			
				document.getElementById("datepicker-heading01").style.visibility = "visible";
			 			
			snapper.close();	
		
			} else {
			
      // Opening burger-menu (this part is working on all devices)
      
			if($('#datepicker-heading01').is(":visible" ) == true){
				document.getElementById("datepicker-heading01").style.visibility = "hidden";
			} 
			
		//	$("#datepicker-heading01").hide();  Opportunity 2
			
			
		//	$("#datepicker-heading01").css("display","none"); Opportunity 3


			snapper.open('left');
				}
		 
		});

Любая подсказка, почему if-part не работает ни на каких мобильных устройствах?

С уважением, Нико

...