Apache Cordova не загружает все страницы div

Я разрабатываю приложение с помощью PhoneGap, и я хочу создать простой между некоторыми страницами.Apache Cordova не загружает все страницы div

Это мой HTML файл

<html> 
<head> 
<title>Prova</title> 
<meta name="viewport" content="width=device-width,initial-scale=1"/> 


</head> 

<body> 


<div class="prima" data-role="page" id="article1"> 
    <div data-role="header" data-theme="b" data-position="fixed" data-id="footer"> 
    <h1>Articles</h1> 
    </div> 
    <div data-role="content"> 
    <p>Article 1</p> 
    </div> 
    <div data-role="footer" data-theme="b" data-position="fixed" data-id="footer"> 
    <h1>Footer</h1>  
    </div> 
</div> 

<div class="prima" data-role="page" id="article2"> 
    <div data-role="header" data-theme="b" data-position="fixed" data-id="footer"> 
    <a href="#article1" data-icon="home" data-iconpos="notext">Home</a> 
    <h1>Articles</h1> 
    </div> 
    <div data-role="content"> 
    <p>Article 2</p> 
    </div> 
    <div data-role="footer" data-theme="b" data-position="fixed" data-id="footer"> 
    <h1>Footer</h1> 
    </div> 
</div> 


<div class="prima" data-role="page" id="article3"> 
    <div data-role="header" data-theme="b" data-position="fixed" data-id="footer"> 
    <a href="#article1" data-icon="home" data-iconpos="notext">Home</a> 
    <h1>Articles</h1> 
    </div> 
    <div data-role="content"> 
    <p>Article 3</p> 
    </div> 
    <div data-role="footer" data-theme="b" data-position="fixed" data-id="footer"> 
    <h1>Footer</h1> 
    </div> 
</div> 

<link rel="stylesheet" href="css/jquery.mobile-1.4.5.css" /> 
<script src="js/jquery.js"></script> 
<script src="js/jquery_mobile.js"></script> 
<script src="js/gianni.js"></script> 
</body> 
</html>

Мой файл JS является (http://jsfiddle.net/Gajotres/NV6Py/)

$(document).on('swipeleft', '.prima', function(event){  
if(event.handled !== true) // This will prevent event triggering more then once 


{  
    var nextpage = $(this).next('.prima'); 
    console.log(nextpage); 
    // swipe using id of next page if exists 
    if (nextpage.length > 0) { 
     $.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true); 
    } 
    event.handled = true; 
} 
return false;   
}); 

$(document).on('swiperight', '.prima', function(event){ 
if(event.handled !== true) // This will prevent event triggering more then once 
{  
    var prevpage = $(this).prev('.prima'); 
    console.log(prevpage); 

    if (prevpage.length > 0) { 
     $.mobile.changePage(prevpage, {transition: "slide", reverse:  true}, true, true); 
    } 
    event.handled = true; 
} 
return false;    
});

Когда я открываю этот HTML файл, он работает и читать все страницы DIV, но если я использую эту страницу в мое приложение, где у меня есть некоторые страницы, прежде чем приходить на эту страницу, салфетка не работает, потому что var nextpage = $ (this) .next ('. prima') - это empy, и если я проверяю Ispector в html, то существует только кулак div и никакие другие (например, статья2, статья3)

источник

2015-07-20 Giovanni Rizzi

Ваш вопрос немного неясен, но, к сожалению, я не могу комментировать ваш вопрос из-за моей низкой репутации. Поэтому я не могу попросить вас дать больше разъяснений.

Но у вас есть 3 divs все с классом: prima. И ваша проблема в том, что вы можете видеть только первый div, поэтому div с id: article1.

Причина, по которой вы можете видеть только один div, заключается в том, что вы используете data-role: page. Вы создаете страницу, и вы можете видеть только одну страницу в то время.

источник

2015-07-20 13:37:20 Reptar

Привет Reptar, я использую этот пример http://jsfiddle.net/Gajotres/NV6Py/ Но если я открываю только это две страницы прикосновение работает. Но если я использую эту страницу в своем приложении, где у меня есть несколько страниц, прежде чем приходить на эту страницу, салфетка не работает, потому что var nextpage = $ (this) .next ('. Prima') - это empy, и если я проверил с Ispector в html есть только кулак div и ни один другой (например, статья2, статья3) –

Oke, так что я вижу, что ваш код работает, когда вы переходите со страницы 1 на 2 и от 2 до 3, но когда вы хотите чтобы отодвинуть назад, это не работает? – Reptar

Reptar Если вы дадите мне свою почту, я могу отправить вам проект, чтобы понять. Потому что это очень сложно объяснить, но если вы посмотрите, это проще. –

Apache Cordova не загружает все страницы div

ответ

Смежные вопросы