Html 内部链接不适用于多页文档

我有一个多页文档，主页链接到其他页面没有任何问题，但是如果我试图从页面内容链接到另一个页面，它什么也不做，链接就死了。在手机和桌面上也一样。这是整个第4页（我试图插入这些链接的页面）的代码。我的文档总共有7页。第一期在第16行，我的链接是：

<a href="#webdesign">

facebook开发
facebook商业页面最引人注目的部分是封面图片。这与您的个人资料一起，可以创建或破坏facebook页面。我们设计的定制封面图片完全适合您的行业和业务，让您真正脱颖而出，让游客喜欢您

推特设计
我们可以为您的推特页面创建自定义背景，这些背景可以包含您的徽标、联系方式或任何您喜欢的内容。这有助于你更进一步地吸引路过的潜在客户的眼球（基于活跃用户超过1.4亿的事实，将会有很多！）

电子邮件营销
我们的动态电子邮件活动服务意味着我们可以创建一份定制的时事通讯、一份特价广告，或者只是一条礼貌性的信息，发送给您的客户群，这些信息经过专业设计，可以发送给您想要的任何客户。不仅如此，它将是完全可跟踪的，这样你就可以跟踪谁读过电子邮件或谁还没有打开它。我们甚至可以在您的网站或facebook页面上添加一个安全的在线订阅表单，潜在的新客户可以注册您的邮件活动，然后这些活动会自动集成，以便准备好将其包含在您的下一次邮件中

动画
从动画电子邮件页脚到完整的宣传视频，flash动画可以成为一个有用的工具，以吸引人的方式向世界展示您的产品或服务

缺少一个结束div，添加了该div，并且所有div都已修复。

尝试

并单击

$（文档）。在（'click'，'a.webdesign'，function（）{$.mobile.changePage（'#webdesign'）；}）上。谢谢。作为jquerymobile的新手，你能告诉我“$”（文档）。在（'click'）代码去哪里？在标题部分？任何地方，但确保你给页面一个id 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 -->