jquery-mobile之禁用 anchor 链接上的位置栏更新

cloudgamer 阅读：76 2024-04-12 10:01:50 评论：0

当使用 changeHash = false 调用 changePage() 时，地址栏不会改变。我可以对 anchor 链接有相同的行为吗(例如 <a href="#three">Blah</a> )？我设置了$.mobile.hashListeningEnabled = false，但是地址栏还是更新了。感谢您的帮助。

请您参考如下方法:

这可以通过设置 $.mobile.changePage.defaults.changeHash = false;

示例代码:

<!DOCTYPE html>  
<html>  
    <head>  
    <title>Page Title</title>  
 
    <meta name="viewport" content="width=device-width, initial-scale=1">  
 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script> 
        $(document).bind("mobileinit", function(){ 
            $.mobile.changePage.defaults.changeHash = false; 
        }); 
    </script> 
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 
</head>  
<body>  
 
<div data-role="page"> 
 
    <div data-role="header"> 
        <h1>Page Title</h1> 
    </div><!-- /header --> 
 
    <div data-role="content">    
        <a data-role="button" href="#page2">Go to page2</a> 
    </div><!-- /content --> 
 
</div><!-- /page --> 
 
<div data-role="page" id="page2"> 
 
    <div data-role="header"> 
        <h1>Page Title</h1> 
    </div><!-- /header --> 
 
    <div data-role="content">    
        <p>Page content goes here.</p>       
    </div><!-- /content --> 
 
</div><!-- /page --> 
 
</body> 
</html>

标签:jquery

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。