在jQuery手機中獲取當前頁面的URL

Question

我想在jQuery手機網站中獲取當前頁面的URL。 （我正在使用默認的ajax導航）。

我目前的嘗試是這樣的（綁定到pagecreate），但在注入DOM的任何頁面上都不起作用。

$('[data-role=page]').live('pagecreate',function(){ 
    $('#site-toggle').attr('href',"http://" + location.host.replace('m.','') + window.location.pathname); 
}); 

任何人都知道我錯過了什麼？

A.

Answer 1

您檢查出jQuery-URL-Parser插件？

var url = $.url(); //retrieves current url 

您還可以得到URL的特定部分是這樣的：

var file = $.url.attr("file"); 
var path = $.url.attr("path"); 
var host = $.url.attr("host"); 
... 

如果你需要得到查詢字符串參數：

var parm = $.url.param("id"); 

Answer 2

jQuery Mobile的有一個叫$.mobile.path.parseUrl URL解析方法。它的使用將是這樣的：

var obj = $.mobile.path.parseUrl("http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234"); 

這將返回以下對象：

// obj.href:   http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content 
// obj.hrefNoHash: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread 
// obj.hrefNoSearch: http://jblas:password@mycompany.com:8080/mail/inbox 
// obj.domain:  http://jblas:password@mycompany.com:8080 
// obj.protocol:  http: 
// obj.authority: jblas:password@mycompany.com:8080 
// obj.username:  jblas 
// obj.password:  password 
// obj.host:   mycompany.com:8080 
// obj.hostname:  mycompany.com 
// obj.port:   8080 
// obj.pathname:  /mail/inbox 
// obj.directory: /mail/ 
// obj.filename:  inbox 
// obj.search:  ?msg=1234&type=unread 
// obj.hash:   #msg-content 

您的代碼將改變這樣的事情：

$('[data-role=page]').live('pagecreate',function(){ 
    var $.mobile.path.parseUrl(window.location.href); 
    $('#site-toggle').attr('href', obj.protocol + '//' + obj.host + obj.pathname + obj.search + obj.hash); 
}); 

文檔可以在這裏找到：http://jquerymobile.com/demos/1.0rc2/docs/api/methods.html

Answer 3

這不是您要尋找的嗎？

var currentUrl = $.mobile.activePage.data('url'); 

Answer 4

試試這個：

$.mobile.urlHistory.getActive().url 

應該解決您的問題。

Answer 5

也許你想這個

$(location).attr('pathname'); 

你應該閱讀this article