динамическая ссылка в 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> 

Как я могу получить значение х и у переменных?

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