使用Jquery Mobile时,HTML A HREF会继续添加#和基本url
When Working with Jquery Mobile, HTML A HREF Keeps adding # and base url
好的,
我在这里已经无计可施了。我已经阅读了关于锚标签、基本url和/在a href中的用法的问题。然而,无论我做什么,我似乎仍然会在链接中添加一个锚标签和基本url。
以下示例:当我将鼠标悬停在链接上时,它会显示http://www.localhost:8080/view/login.php但当我点击a href标签时,我会在下面看到这个http://www.localhost:8080/view/register.php#/view/login.php
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Food Loginator</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">
<link href="../CSS/main.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<script src="../Javascript/gen_validatorv4.js" type="text/javascript"></script>
<script src="../Javascript/pwdwidget.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="home">
<header data-role="header">
<h1>Food Loginator</h1>
<div data-role="navbar">
<ul>
<li><a href="http://www.localhost:8080/index.php" data-icon="home" data-theme="b" >Home</a></li>
<li><a href="http://www.localhost:8080/view/login.php" data-icon="star" data-theme="b" >Login</a></li>
<li><a href="http://www.localhost:8080/view/register.php" data-icon="grid" data-theme="b" class="ui-btn-active">Register</a></li>
</ul>
</div>
</header>
欢迎提出任何想法。
这似乎是JQuery移动功能的默认部分。显然,JQuery对a标记中带有#标记的对象执行Ajax调用。然后它将该对象动态添加到DOM中。为了删除它,我不得不在我的a标签中添加rel="external"。
https://demos.jquerymobile.com/1.2.0/docs/pages/page-links.html
设置链接href='#'
并添加一个使用changePage 的onclick事件调用
function pagechange () {
$.mobile.changePage('index.php');
}
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在映射数组中添加换行符
- 正在将数据主题添加到所有项目
- ZeroClipboard-在复制之前添加到值
- 我可以在json对象中添加一个函数吗
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何添加浮动和非浮动,其他
- 添加文字和评论功能更新Div
- 如何使用 JQuery 添加延迟?(让它等待 5 秒再继续)
- 尝试向页面添加元素时,继续获取[对象HTMLLIElement]
- 在继续之前使用微调器添加类
- 显示带有选项的弹出窗口“;继续购物”;以及“;转到购物车”;,将产品添加到购物车后,在Magento
- 如何继续在我的页面上添加/显示项目,同时滚动垂直栏
- 如何使照片的链接添加到我的文件中,并自动继续使用JavaScript
- 每次窗口大小调整时,append方法都会继续向容器中添加内容
- 如何禁用添加新文本输入的按钮,以防止用户继续添加
- 使用Jquery Mobile时,HTML A HREF会继续添加#和基本url
- 如何在更改后继续添加值,如果控制 javascript
- 将样式表添加到类后,Javascript不会继续运行