内部链接无法处理多页文档

时间:2013-04-13 22:34:38

标签: html jquery-mobile

我有一个多页面文档,主页链接到其他页面没有任何障碍但是如果我尝试从页面内容链接到另一个页面它什么都不做,链接就已经死了。同样适用于手机和台式机。这是整个第4页的代码(我试图插入这些链接的页面)我的文档总共有7页。第一个问题是在第16行,我的链接是:

<a href="#webdesign">

然而即使我有一个名为'webdesign'的页面

,这也没有任何作用
<!-- Start of fourth page -->
<script>
$(document).on('click', 'a.webdesign', function () { $.mobile.changePage('#webdesign'); });
</script>    

<div data-role="page" id="services">

<div data-role="header1">
<div align="center"><img src="http://www.magnetikmedia.co.uk/m/images/magnetikmedia_header.png" width="90%"></div>
</div>
<div>
<div align="center"><img src="http://www.magnetikmedia.co.uk/m/images/services_banner.png" width="100%"></div>
</div><!-- /header -->

<div data-role="content">   
<div data-role="collapsible-set">

<div data-role="collapsible" data-collapsed="true">
<h3>Website Design</h3>
<p>We offer a full website design service whether you are looking for a basic, low maintenance site to create your online presence, a responsive site to attract more mobile browsers or an advanced, dynamic e-commerce site to power your business to the next level. We also offer a website content management service so whether you need any information editing or amending your current site or would like a page or two adding then we can do this for you. <a href="#" class="webdesign">Read more about our website design services</a></p>
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>facebook Development</h3>
<p>The most striking part of any facebook business page is the cover image. This, along with your profile, can make or break a facebook page. We design custom cover images perfectly suited to your industry and business to really enable you to stand out and make visitors want to 'like' you! <a href="#facebookdesign">Read more about facebook timeline design</a></p>
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>twitter Design</h3>
<p>We can create custom backgrounds for your Twitter pages that can incorporate your logo, contact details or, in fact, anything you like. This helps you move one step closer to catching the eye of potential customers who will be passing by (and there will be a lot based on the fact there are over 140 million active users!) <a href="#twitterdesign">Read more about twitter design</a></p>
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>Email Marketing</h3>
<p>Our dynamic e-mail campaign service means we can create a custom newsletter, an advert for a special offer or just a courtesy message to your customer base that is professionally designed and can be mailed out to as many customers as you wish. Not only that but it will be fully trackable so you can keep tabs on who has read the email or who has yet to open it. We can even add a secure, online subscription form to your website or facebook page where potential new customers can sign up to your mailing campaigns which are then integrated automatically so they are ready to be included in your next mailout.  <a href="#emailmarketing">Read more about email marketing</a></p>
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>Animation</h3>
<p>From animated email footers to full promotional videos, flash animation can be a useful tool to showcase your product or services to the world in an attractive and fun way. <a href="#animation">Read more about our animation services</a></p>
</div>

</div>
<div align="center"><!-- /content -->


<div id="footer1">
<div id="footer_left">
<div align="center"><a href="http://www.facebook.com/magnetikmedia"><img src="http://www.magnetikmedia.co.uk/m/images/fbook_foot.png" width="30" height="30" style="margin-right:10px;" ></a><a href="http://www.twitter.com/magnetikmedia"><img src="http://www.magnetikmedia.co.uk/m/images/twitter_foot.png" width="30" height="30" style="margin-right:10px;" ></a><a href="http://magnetikmedia.blogspot.co.uk"><img src="http://www.magnetikmedia.co.uk/m/images/blogger_foot.png" width="30" height: "30" style="margin-right:10px;" ></a><a href="http://www.linkedin.com/in/magnetikmedia"><img src="http://www.magnetikmedia.co.uk/m/images/linkedin_foot.png" width="113" height="30" style="margin-right:10px;" ></a></div>
</div>
<div style="clear:both;"></div>
</div>
</div>
  <div align="center"><!-- /footer -->

1 个答案:

答案 0 :(得分:0)

有一个关闭div缺失,添加了所有修复。