У меня есть HTML-страница, которая показывает модальное в веб-браузере.Я интегрирую этот HTML-код в приложение для Android с помощью WebView.В эмуляторе модал не отображается.
Пожалуйста, дайте мне знать, если я что-то здесь не так делаю или нужна какая-либо конфигурация?
Ниже приведены фрагменты кода:
<div style="width: 1300px; left: 0px;" class="belt" id=purchase-modal >
<ul>
</ul>
</div>
<div id="purchase-modal-content">
<article id="innerMainbox" >
</article>
</div>
function entitlementResponse(status, response) {
if (response.status) {
var res = response.message.length;
tempEntitlementResp = response.message;
$("#purchase-modal ul").empty();
for ( var i = 0; i < response.message.length; i++) {
var assetData = response.message[i];
var myStringAr = [];
myStringAr.push('<li class="panel" style="float: none; position:absolute; left:');
myStringAr.push(i*120);
myStringAr.push('px;"><a class="purchase newIn" href="javascript:;" onClick="launchVideo('+ i + ')" >');
myStringAr.push('<img class="ImgSize" src="');
myStringAr.push(assetData.image_url);
myStringAr.push(' "</a><br></li>');
$("#purchase-modal ul").append(myStringAr.join(""));
}
}
}
jQuery(function ($) {
// Load dialog on page load
//$('#basic-modal-content').modal();
// Load dialog on click
$('#purchase-modal .purchase').click(function (e) {
$('#purchase-modal-content').modal();
setTimeout( function() {
$("#gallerya li").mouseover(function() {
$("div",$(this)).show();
$("img",$(this)).css("background", "#000");
}).mouseout(function(){
$("div",$(this)).hide();
$("img",$(this)).css("background", "");
}).each(function() { $("div",$(this)).hide()});
} , 200);
return false;
});
});