在浏览器中运行时,JQuery Mobile缺少文件

时间:2014-06-14 14:00:51

标签: jquery html5 google-chrome jquery-mobile web

我有一个带有链接的HTML页面和另一个html文件的按钮。 这很简单,我想在点击登录按钮后运行它。

然而,当在Chrome上测试它时,inspect元素/来源中缺少一些目录,例如:

文件夹src,包含我要加载的下一个html文件(名为mainMenu.html)

这是一个在Internet Explorer中不会出现的问题。

该链接有效,但是在Chrome中根本找不到该文件,给出以下错误:

加载页面时出错

也在inspect元素中:

无法加载资源:net :: ERR_FILE_NOT_FOUND

这是Href代码,放在login.html的主体中:

<a href="src/mainMenu.html">lol</a>

//这是项目的结构

项目文件夹包含: css文件夹,js文件夹,资源文件夹,src forlder,login.html

在Css文件夹中: jqueryCSS文件夹(包含jquery css和map),styles.css(更改某些文本字段的颜色)。

在js文件夹中: jqueryJS文件夹(再次使用js和地图),login.js(处理检索登录信息)。

在资源文件夹中: fonts文件夹(包含jquery字体)。

在src文件夹中: mainMenu.html(试图运行的那个)

谢谢你的时间, 欢呼声。

1 个答案:

答案 0 :(得分:0)

使用基本标签为页面的所有相对链接定义相对文件夹:

<base href="http://www.yoursite.com/yourfolder/" >

http://www.w3schools.com/tags/tag_base.asp