Я ищу, чтобы просто скрыть и изображение до загрузки страницы, а затем, как только страница загрузится, чтобы показать изображение. Проблема в том, что когда я пытаюсь показать изображение, оно вообще не отображает изображение..Show() не работает в JQuery Mobile
Вот мой HTML-код:
<body>
<div id ="splash" data-role="page">
<center>
<div id='class'> <img src="BookBayText.png"></div>
<div id='book'> <img src="Book.png"></div>
</center>
</div>
</body>
Вот мой JavaScript/JQuery мобильный:
<script type="text/javascript">
$(document).on('pagebeforeshow','#splash',
function()
{
$("#book").hide();
});
$(document).on('pageinit','#splash',
function(){
setTimeout(
function()
{
$("#class").animate({top: "1em"}, 'slow');
},3000);
//For some reason this line below doesn't run
$("#book").show();
});
</script>
Любые идеи, почему это не работает ??
Это лучше использовать CSS, чтобы скрыть что-то на начальном этапе. Кроме того, вы можете просто использовать '$ (function() {$ ('# book'). Show();});' –
. Метод aanimate() не отображает скрытые элементы как часть эффекта. http://api.jquery.com/animate/ – carter
Я знаю, что анимация не скрывает изображение, я использую анимацию для перемещения изображения BookBayText.png вверх – user481610