JQ Touch和AJAX

Question

我對此有點新，所以如果我是一個小vaugue道歉，但我會盡我所能。

我試圖創建一個使用JQtouch網站的iphone友好的版本。我明白這通常會在一個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> 

這會將我的內容後和頁面動畫做工精細。唯一的問題是，我正在加載的內容中存在一些鏈接，點擊時他們顯然不工作。

有沒有一種方法可以檢查鏈接的href單擊時，如果它指向www.mysite.co.uk/about更改它指向#about並強制它在那裏導航？

希望這是有道理的，如果你需要更多的信息讓我知道。

Regards

Chris。

Answer 1

你問一個問題，裏面有不少問題......你真的應該將它們分開成幾個問題。人們更容易回答。無論如何，我會給它一個鏡頭。

首先，你不必在一個HTML的所有內容;你可以通過AJAX加載內容。請參閱this demo中的AJAX>「GET示例」以及通過AJAX加載的page content。

據我所知，你要加載的頁面並不一定要在相同的目錄結構。您要通過AJAX加載的頁面需要包含有效的jQTouch頁面，即整個頁面被包含在<div>中。

有沒有辦法當點擊我可以檢查的 鏈接中的href，如果它指向 到www.mysite.co.uk/about其更改爲 點#about並強制其 導航那裏？

如果我正確理解你，你基本上想要用#about替換所有www.mysite.co.uk/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'); 
    }) 
});