jqtouch和AJAX

jqtouch和AJAX,ajax,jqtouch,Ajax,Jqtouch,我对此有点陌生,所以如果我有点吹牛,我很抱歉,但我会尽力的 我正在尝试使用JQtouch创建一个对iphone友好的站点版本。我理解,通常这将在一个HTML文件中完成,页面由DIV分隔。但是,我想从网站的现有页面加载内容 问题的下一部分是,我的iphone.html页面与我当前的网站不在同一目录下,因此JQtouch的正常行为似乎不起作用 到目前为止,我已经建立了如下页面: <div id="home"> <div class="toolbar"> <h1>

我对此有点陌生,所以如果我有点吹牛,我很抱歉,但我会尽力的

我正在尝试使用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>

$(文档).ready(函数(){
$('#content')。加载('http://www.mysite.co.uk“+”#内容“);
$('#about')。加载('http://www.mysite.co.uk/about“+”#内容“);
}
这会加载我要加载的内容,页面动画也可以正常工作。唯一的问题是,我正在加载的内容中存在几个链接,单击这些链接显然不起作用

是否有一种方法可以在单击时检查链接的href,如果链接指向www.mysite.co.uk/about,请将其更改为指向#about并强制其导航到那里

希望这是有意义的,如果你需要更多的信息让我知道

问候


克里斯。

你在一个问题中问了很多问题……你真的应该把它们分成几个问题。人们回答起来更容易。无论如何,我会试一试

首先,您不必在一个html中包含所有内容;您可以通过AJAX加载内容。请参阅中的AJAX>“获取示例”,以及通过AJAX加载的示例

据我所知,您想要加载的页面不必位于相同的目录结构中。您想要通过AJAX加载的页面需要包含一个有效的jQTouch页面,即整个页面包含在

有没有办法让我查一下 单击时的链接以及它是否指向 转到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');
    })
});

谢谢你的评论。我认为你根据Get示例使用AJAX是正确的,但是我似乎无法让它与我的网站一起工作,在任何情况下,我只想从每个网站加载特定的信息,所以我这样做似乎是明智的。谢谢你为我添加链接的代码。这正是我想要的,工作了一顿款待@克丽丝,不客气!如果你认为我的回答有帮助,你可以投弃权票吗?