jQueryMobile中的動態鏈接

Question

我想添加動態鏈接到我的jQueryMobile頁面。 這是我的代碼：

<ul data-role="listview" data-inset="true" id="categoriesList"> 
      <li data-role="list-divider" data-theme="c"><h4>Categories</h4></li> 
      <li><a href="#dinamic?x=7&y=8" data-ajax="false">dinamic</a></li> 
      <li><a href="#banner" data-rel="dialog">to banner</a></li> 
     </ul> 

我如何能得到變量x和y的值？

Answer 1

function getParams(url){ 
    var results = {}; 
    var ps = url.split('?'); 

    // get string after '?' sign. if no '?' sign, then return empty object 
    if(ps.length > 1) 
     ps = ps[1]; 
    else 
     return results; 

    // get parameters split with '&' and split each one by '=' to get 
    // name-value pairs 
    var parts = ps.split('&'); 
    for(var i = 0; i < parts.length; i++){ 
     var parts2 = parts[i].split('='); 
     results[parts2[0]] = parts2[1]; 
    } 
    return results; 
} 

例：

<li><a id="example" href="#dinamic?x=7&y=8" data-ajax="false">dinamic</a></li> 

JS：

var url = document.getElementById('example').getAttribute('href'); 
var params = getParams(url); 
console.log(params.x); 
console.log(params.y); 

FIDDLE