Скрыть определенный div из iframe jquery ⇐ Jquery

[Anonymous]

Я создаю приложение веб-просмотра с помощью PhoneGap

Я использую метод iframe, чтобы показать свой веб-сайт внутри приложения

Мне нужно показывать всплывающее сообщение для пользователей мобильного браузера о загрузке приложения

поэтому я создаю простой div, который будет отображаться только на экране мобильного телефона из-за его размера

как я могу предотвратить отображение этого div в моем приложении iframe

Я пробую много руководств и спрашиваю, но у меня не работает

это моя страница iframe

Код: Выделить всё

http://www.medicamall.com

это полный код моего проекта

Код: Выделить всё

$(window).load(function() {
$(".loader").fadeOut("slow");
});
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
setTimeout(function () {
navigator.splashscreen.hide();
}, 50);
}

// offline event
function checkConnection() {
var networkState = navigator.network.connection.type;
var states = {};
states[Connection.UNKNOWN]  = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI]     = 'WiFi connection';
states[Connection.CELL_2G]  = 'Cell 2G connection';
states[Connection.CELL_3G]  = 'Cell 3G connection';
states[Connection.CELL_4G]  = 'Cell 4G connection';
states[Connection.NONE]     = 'No network connection';

return networkState;

}
function onDeviceReady() {
var networkState = checkConnection();
/* load local files if there is not network connection */
if (networkState == Connection.NONE) {
$('.openapp').children('a').attr("href","offline.html");
}
}

Код: Выделить всё

body {
-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
width:100%;
}
html {
height:100%;
overflow:hidden;
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
height:100%;
}
#iframe {
border:none;
width:100%;
height:100%;
}
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../img/Preloader.gif') 50% 50% no-repeat rgb(255,255,255);
}

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/44695498/hide-specific-div-from-iframe-jquery[/url]