Javascript 停止JQuery Mobile隐藏url参数
如果存在带有此链接的锚点Javascript 停止JQuery Mobile隐藏url参数,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,如果存在带有此链接的锚点http://localhost:8888/#view_trend?id=147&title=prague-test-trend-sep-30 单击时,仅显示http://localhost:8888/#view_trend显示在浏览器中 由于我使用location.href获取链接信息,因此在打开链接时,我需要查看带有参数的完整链接 如何实现这一点?我假设“查看”趋势是一个内部页面(具有数据角色的DIV页面)。如果是,为什么要使用查询字符串参数?你能不能不在页面中使用J
http://localhost:8888/#view_trend?id=147&title=prague-test-trend-sep-30
单击时,仅显示http://localhost:8888/#view_trend
显示在浏览器中
由于我使用location.href
获取链接信息,因此在打开链接时,我需要查看带有参数的完整链接
如何实现这一点?我假设“查看”趋势是一个内部页面(具有数据角色的DIV页面)。如果是,为什么要使用查询字符串参数?你能不能不在页面中使用Javascript变量,甚至页面div的Data属性来存储你的id和标题
如果您确实想使用url查询字符串,这里有一个小提琴,展示了其中一种方法
基本上,使用链接的click事件解析查询字符串并保存到view_trend页面的data attrib,然后在pagebeforeshow on view_trend中检索以下参数:
$('#linkTrend').on("click", function () {
var l = $(this).attr("href");
l = l.substring(l.indexOf('?') + 1);
var qs = getUrlVars(l);
$('#view_trend').data("urlqs", qs);
});
$('#view_trend').on('pagebeforeshow', function () {
var qs = $(this).data("urlqs");
var id = qs["id"];
var title = qs["title"];
$('#vtrend').html('trend view for id of ' + id + ' with title of ' + title);
});
function getUrlVars(url) {
var vars = [],
hash;
var hashes = url.split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
$('#linkTrend')。在(“单击”,函数(){
var l=$(this.attr(“href”);
l=l子串(l.indexOf('?')+1);
var qs=getUrlVars(l);
$('查看趋势')。数据(“URLQ”,qs);
});
$(“#查看趋势”)。在('pagebeforeshow',函数(){
var qs=$(this).data(“urlqs”);
变量id=qs[“id”];
var title=qs[“title”];
$('#vtrend').html('id为'+id+',标题为'+title'的趋势视图);
});
函数getUrlVars(url){
var vars=[],
搞砸
var hashes=url.split('&');
for(var i=0;i
//localhost:8888/?id=147&title=prague-test-trend-sep-30 35;查看趋势?否。仍然没有显示:(如果你还在为此挣扎,我最近创建并发布了一个可能会帮助你的。嗨,Ezanker。起初我做了类似的事情,但是,想象你点击链接。一切正常,然后你刷新页面,我的脚本无法获得额外参数。我明白你的意思。我想你可以存储las本地存储或cookie中的t id/标题。。。