如何在基本网页上使用jQuery Mobile特性?

时间:2015-03-07 03:00:35

标签: jquery html5 jquery-mobile dreamweaver

我最近使用Adobe Dreamweaver CC 2014程序创建了一个jQuery Mobile网页。在其中,我在jQuery Mobile网站中找到了一定的功能。该网页链接到必要的jQuery CDN。但是,当我点击按钮时,我发现了一个特定的功能或功能,其中URL发生了变化。这不是他们这样做的事实,而是事实上页面保持在同一个网址上(听我说)。例如,如果我单击“移动”页面中的某个按钮,则该URL将具有井号符号以及该标签所编码的任何单词或字符,并显示完全不同的内容。 Ergo:“......网页”到“...网页#example”。

我理解创建一个如下所示的标记:

    <a href="#sample">example</a>

一旦点击它,就会将客户端带到URL“... / index.html #sample”。这是我想要复制的功能,除了一个区别。在jQuery Mobile中,整个页面内容随着我刚刚提到的简单URL更改而改变。例如,单击一个按钮将更改页面的内容,但将客户端保留在同一个html页面上,但只需添加带有井号的扩展名。在桌面上,如果我想向用户显示新页面,我会将它们从一个html页面发送到另一个页面,以显示完全不同的内容。但是,在jQuery Mobile上,用户可以保留在相同的html文档(index.html)上,但每次点击都会看到不同的内容。

总之,我希望客户能够保持在同一网页上,但通过“a”标签(或任何方式)查看不同的内容。但最重要的部分是我不喜欢jQuery UI(因此,如果需要,可以链接jQuery Mobile的文件,但不应该看到jQuery Mobile UI)。当然,它提供了定制和创造力,但我只希望用户能够从我的网站的主页到带有“#”符号的about us页面。 Ergo:“... / index.html #home”改为“... / index.html#about”。如果我不必使用jQuery UI来解决这个问题,那将是更好的选择,因为我只想将jQuery Mobile中的“URL功能(如果你愿意的话)”变成一个休闲的个人网站。它只是jQuery Mobile Templates,它们的用户界面没有以我想要的方式显示我想要的东西。另外,我理解英镑符号被称为哈希。

我在jQuery Mobile上有点新鲜,并感谢所有帮助。提前谢谢!

1 个答案:

答案 0 :(得分:0)

您可以在a标记中使用JavaScript。只需将更改作为JavaScript函数即可 例如:
<a href="javascript:toSample();"></a>