Question

确定，

我的智慧在这里结束了。我已经阅读了有关锚标记，基本网址和href使用情况的问题。然而，无论我做什么，我似乎仍然会在链接中添加锚标记和基本网址。

以下示例： 当我将鼠标悬停在链接上时，它显示出来 http://www.localhost:8080/view/login.php 但是当我点击一个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>

任何想法都表示赞赏。

Answer 1

这似乎是JQuery移动功能的默认部分。显然，JQuery使用a标签中的#tag对该对象进行Ajax调用。然后它将该对象动态添加到DOM。为了删除它，我必须在我的标签中添加rel =“external”。

https://demos.jquerymobile.com/1.2.0/docs/pages/page-links.html

Answer 2

设置链接href ='＃'

并添加使用changePage

的onclick事件调用

function pagechange () {
$.mobile.changePage('index.php');
}

使用Jquery Mobile时，HTML A HREF继续添加＃和基本URL

2 个答案: