Javascript Jquery-单击链接后如何重定向到上一页并在url中添加属性href?
我的代码有问题。我正在尝试重定向到上一页,并从此链接添加属性href,然后添加到url。我的代码由于某种原因无法工作。如果我尝试放置警报而不是window.location,则警报不会显示任何内容。我的代码有什么问题?多谢各位 JQuery:Javascript Jquery-单击链接后如何重定向到上一页并在url中添加属性href?,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我的代码有问题。我正在尝试重定向到上一页,并从此链接添加属性href,然后添加到url。我的代码由于某种原因无法工作。如果我尝试放置警报而不是window.location,则警报不会显示任何内容。我的代码有什么问题?多谢各位 JQuery: $('#languages li a').click(function(){ window.location = document.referrer+$(this).attr('href'); return false; });
$('#languages li a').click(function(){
window.location = document.referrer+$(this).attr('href');
return false;
});
HTML
英语
在这里查看解决方案:
Html代码:
<div id="languages" data-role="collapsible">
<h4>English</h4>
<ul data-role="listview" data-inset="true">
<li><a href="?lang=en" >English</a></li>
<li><a href="?lang=cs" >Česky</a></li>
<li><a href="?lang=de" >Deutsch</a></li>
<li><a href="?lang=ae" >English US</a></li>
<li><a href="?lang=es" >Español</a></li>
<li><a href="?lang=fr" >Français</a></li>
<li><a href="?lang=nl" >Nederlands</a></li>
<li><a href="?lang=tr" >Türkçe</a></li>
<li><a href="?lang=cn" >中文</a></li>
</ul>
</div>
完整代码页:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<title>Titre</title>
</head>
<body>
<a href="http://yoururl/js.html">Test Referer</a>
<div id="languages" data-role="collapsible">
<h4>English</h4>
<ul data-role="listview" data-inset="true">
<li><a href="?lang=en" >English</a></li>
<li><a href="?lang=cs" >Cesky</a></li>
<li><a href="?lang=de" >Deutsch</a></li>
<li><a href="?lang=ae" >English US</a></li>
<li><a href="?lang=es" >Español</a></li>
<li><a href="?lang=fr" >Français</a></li>
<li><a href="?lang=nl" >Nederlands</a></li>
<li><a href="?lang=tr" >Türkçe</a></li>
<li><a href="?lang=cn" >??</a></li>
</ul>
</div>
<script>
$('#languages li a').on('click', function(){
//window.location = document.referrer
alert($(this).attr('href'));
alert(document.referrer);
var link = document.referrer + '' + $(this).attr('href');
alert(link);
return false;
});
</script>
</body>
</html>
乳头
英语
$('a')。在('click',function()上{
//window.location=document.referer
警报($(this.attr('href'));
警报(文件、参考文件);
var link=document.referer+''+$(this.attr('href');
警报(链接);
返回false;
});
编辑url并单击“测试参考”。看到结果了吗…这很奇怪,但在fiddle中,这种代码工作得很好,我没有看到任何错误,如果它什么也不做,可能是jQuery没有包含,或者之前包含了js文件,但控制台中会有错误。顺便说一句,fiddle没有控制台错误,对我不起作用。伙计们,很抱歉,我是盲人,我在不同的文件中使用了此代码,而不是原始的,我忘记复制到我的ftp:)谢谢你的时间和精力。对我不起作用,不会显示警报。我使用JQuery 1.8.3感谢您的时间和努力,它不起作用,因为我是盲目的,请查看我在帖子下方的评论,看看发生了什么。好的。我刚看到你的评论。
$('#languages li a').on('click', function(){
//window.location = document.referrer
alert($(this).attr('href'));
alert(document.referrer);
var link = document.referrer + '' + $(this).attr('href');
alert(link);
return false;
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<title>Titre</title>
</head>
<body>
<a href="http://yoururl/js.html">Test Referer</a>
<div id="languages" data-role="collapsible">
<h4>English</h4>
<ul data-role="listview" data-inset="true">
<li><a href="?lang=en" >English</a></li>
<li><a href="?lang=cs" >Cesky</a></li>
<li><a href="?lang=de" >Deutsch</a></li>
<li><a href="?lang=ae" >English US</a></li>
<li><a href="?lang=es" >Español</a></li>
<li><a href="?lang=fr" >Français</a></li>
<li><a href="?lang=nl" >Nederlands</a></li>
<li><a href="?lang=tr" >Türkçe</a></li>
<li><a href="?lang=cn" >??</a></li>
</ul>
</div>
<script>
$('#languages li a').on('click', function(){
//window.location = document.referrer
alert($(this).attr('href'));
alert(document.referrer);
var link = document.referrer + '' + $(this).attr('href');
alert(link);
return false;
});
</script>
</body>
</html>