个人中心
gpt4 book ai didi

jquery -/# 添加到网站 URL

转载 作者：行者123 更新时间：2023-12-01 07:18:21 25 4
gpt4 key购买 nike

我使用 jquery mobile 1.3.1 制作了一个移动网站。问题是，当我尝试从首页查看菜单时，我在 URL 中得到/# ，如 tironci.dyndns.org/freddys/#/menu.html 中。我不知道是什么原因造成的。当我从 menu.html 返回到 index.html 时，a # 会添加到 url 中。在桌面上您看不到/#，但在 ipad 上您可以看到它。如果刷新页面，菜单按钮就可以工作。

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<title>Freddy's Place</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<link href="styles/custom.css" rel="stylesheet" type="text/css">
<link href="styles/f.css" rel="stylesheet" type="text/css">
</head>
<body>
<div data-role="page" id="page" data-theme="f">
<div  id="page2">
    <div data-role="content">
        <a data-role="button" data-transition="pop" data-theme="f" href="menu.html">
            View Our Menu
        </a>
    </div>
</div>
</div>
</body>
</html>

菜单.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<title>Freddy's Place</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function() { 
  $.mobile.page.prototype.options.addBackBtn = true; 
}); 
</script>
<script type="text/javascript">
var currentYear = (new Date).getFullYear();
$(document).ready(function() {
  $(".year").text( (new Date).getFullYear() );
});
</script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<link href="styles/custom.css" rel="stylesheet" type="text/css">
<link href="styles/f.css" rel="stylesheet" type="text/css">
</head>
<body>
  <div data-role="page" id="page" data-theme="f">
    <div data-role="header" data-theme="f" data-backbtn="false">
      <h1>Freddy's Place <br>Breakfast and Lunch</h1>
    </div>
    <div data-role="content">
      <ul data-role="listview" data-theme="f" data-inset="true">
        <li><a href="#page2">Eggs</a></li>
        <li><a href="#page3">Pancakes / French Toast</a></li>
        <li><a href="#page4">Omelettes</a></li>
        <li><a href="#page5">Salads</a></li>
        <li><a href="#page6">Muffins and Bagels</a></li>
        <li><a href="#page7">Plates</a></li>
        <li><a href="#page8">Cereals / Oatmeal</a></li>
        <li><a href="#page9">Sandwiches / Clubs</a></li>
        <li><a href="#page10">Grilled Sandwiches</a></li>
        <li><a href="#page11">Open Face Sandwiches</a></li>
        <li><a href="#page12">Salad Rolls</a></li>
        <li><a href="#page13">Pasta</a></li>
        <li><a href="#page14">Soups</a></li>
        <li><a href="#page15">Side Orders</a></li>

      </ul>
    </div>
    <div data-role="footer" data-theme="f">
      <h4>Freddy's Place &copy; <span class="year"></span></h4>
    </div>
  </div>
  <div data-role="page" id="page2" data-theme="f">
    <div data-role="header" data-theme="f"> <a href="#page" data-role="button" data-icon="back" data-rel="home">Home</a>
      <h1>Eggs</h1>
    </div>
    <div data-role="content">


      <ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
        <li>One Egg, any style  <span class="price">$3.75</span></li>                   
        <li>One Egg, any style <br> w/ Bacon, Ham or Sausage <span class="price">$4.50</span></li>
        <li>Two Eggs, any style <span class="price">$4.50</span></li>
        <li>Two Eggs, any style <br> w/ Bacon, Ham or Sausage <span class="price">$4.95</span></li>
        <li>Two Eggs, any style <br> w/ Sirloin Tips <span class="price">$7.75</span></li>
        <li>Two Eggs, any style <br> w/ Corned Beef Hash <span class="price">$6.95</span></li>
        <li >Hungry Man Special <span class="price">$7.50</span>       
          <p class="hungry">Three Eggs (any style) w/ Two Bacon, <br>Two Sausages, Two Pancakes, Coffee <br> No Splits, No Substitutions</p>
        </li>
      </ul>

    </div>
    <div data-role="footer" data-theme="f">
      <h4>Freddy's Place &copy; <span class="year"></span></h4>
    </div>
  </div>
</div>

</body>
</html>

最佳答案

简短的回答:jQuery mobile 导致了这个问题，并且没有真正的解决办法。

长答案:jQuery mobile 为了支持链接上的页面转换(幻灯片、淡入/淡出)，会将每个链接转换为基于主题标签的引用(如果您的网站以 dir/开头) page.html 并且您尝试获取 dir/my/new.html，其真实链接将是 dir/page.html#/my/new.html 。这是一项功能，而不是错误。所讨论的功能是能够通过主题标签而不是整页为特定页面添加书签。除非脚本的其他部分使用 window.location.hash 对于任何事情，没有理由禁用它。

据我所知，没有办法禁用此功能(您也不应该想要禁用它，转换几乎是使用 jQuery mobile 的第二大原因，第一大原因是触摸事件合成)。

关于jquery -/# 添加到网站 URL，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16742814/

25 4 0
文章推荐： 计时器上的 jQuery UI 进度条
文章推荐： python - 需要解压的值太多(预计有 3 个)
文章推荐： jquery - 将 jqPlot pointLabels 格式化为货币
文章推荐： jquery - 将 JSON 发布到 asp.net MVC Controller ，而不是 Ajax
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com