JQ Touch и AJAX - PullRequest
Новая
       24

JQ Touch и AJAX

0 голосов
/ 10 мая 2011

Я немного новичок в этом, поэтому прошу прощения, если я немного смел, но я сделаю все возможное.

Я пытаюсь создать дружественную для iPhone версию сайта, используя JQtouch. Я понимаю, что обычно это делается в одном HTML-файле со страницами, разделенными DIV. Однако я хочу загрузить контент с существующих страниц веб-сайта.

Следующая часть проблемы заключается в том, что моя страница iphone.html не находится в том же каталоге, что и мой текущий веб-сайт, поэтому нормальное поведение JQtouch, похоже, не работает.

Пока что я настроил страницу следующим образом: 

<div id="home">
<div class="toolbar">

<h1>Title</h1></div>

<ul class="rounded">

<li class="arrow"> <a href="#content">HOME</a></li>

<li class="arrow"> <a href="#about">ABOUT US</a></li>

<li class="arrow"> <a href="#gnwr">GNWR</a></li>

<li class="arrow"> <a  href="#gner">GNER</a></li>

<li class="arrow"> <a href="#journal">NEWS</a></li>

<li class="arrow"> <a href="#FAQS">FAQS</a></li>                    

<li class="arrow"> <a href="#contact">CONTACT</a></li>


</ul>
</div>

<div id="content"></div>            
<div id="about"></div>
<div id="journal"></div>
<div id="faqs"></div>
<div id="contact"></div>


</body>
</html>

У меня тогда есть: 

<script>
$(document).ready(function(){ 
$('#content').load('http://www.mysite.co.uk' + ' #content');
$('#about').load('http://www.mysite.co.uk/about' + ' #content'); 
                  }
</script>

Это загружает контент, который мне нужен, и анимация страницы работает нормально. Единственная проблема заключается в том, что в загружаемом контенте есть несколько ссылок, и при нажатии они явно не работают.

Можно ли как-то проверить ссылку ссылки при нажатии и, если она указывает на www.mysite.co.uk/, изменить ее так, чтобы она указала на #about, и заставить ее перемещаться там?

Надеюсь, это имеет смысл, если вам нужно больше информации, дайте мне знать.

Привет

Крис.

1 Ответ

0 голосов
/ 11 мая 2011

Вы задаете довольно много вопросов в одном вопросе ... Вы действительно должны разбить их на несколько вопросов.Людям легче ответить.В любом случае, я сделаю это.

Прежде всего, вам не нужно иметь все содержимое в одном HTML;Вы можете загрузить содержимое через AJAX.См. AJAX> «Пример GET» в этой демонстрации , а также содержимое страницы , загруженное через AJAX.

Насколько я знаю, страницы, которые вы хотитедля загрузки не должны быть в той же структуре каталогов.Страницы, которые вы хотите загрузить через AJAX, должны содержать действительную страницу jQTouch, т.е. вся страница заключена в <div>.

Есть ли способ проверить ссылку на страницу, когдащелкнул, и если он указывает на www.mysite.co.uk/about, измените его на #about и заставьте его перемещаться туда?

Если я вас правильно понимаю, вы, по сути, хотите заменить всессылки на www.mysite.co.uk/about с #about.Это должно быть сделано с помощью jQuery: 

$('a[href="http://www.mysite.co.uk/about"]').attr('href', '#about');

Вы можете сделать это, когда каждая страница загружается: 

$(document).ready(function(e){
    $('body>div').bind('pageAnimationEnd', function(event, info){
        $('a[href="http://www.mysite.co.uk/about"]').attr('href', '#about');
    })
});
...