ajax后退使用hashchange但是在ie下失效
0
悬赏园豆：60
[待解决问题]
这几天遇到的一个问题，谷歌下是没有问题的，但是ie集体都不行。先把代码贴出来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
.aside{
width: 200px;
background-color: #dbdbdb;
float: left;
}
.aside ul{
list-style: none;
margin: 0;
padding: 0;
}
.aside ul li{
background-color: #C4C4C4;
line-height: 80px;
height: 80px;
text-align: center;
}
.aside ul li a{
text-decoration: none;
color: white;
width: 100%;
display: block;
}
.aside ul li a:hover{
background-color: #e3e4ed;
}
.content{
width: 600px;
height: 480px;
background-color: #e3e4ed;
margin-left: 205px;
margin-top: 100px;
}
</style>
<script src="js文件/minified/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
var content=["每日经济新闻讯 4小时破亿，12天打破《美人鱼》纪录成为中国影史第一，超越里程碑大片《泰坦尼克号》《阿凡达》成为全球单一市场单片票房亚军……截至9月4日，《战狼2》中国内地票房突破55亿元","影片热映期间，北京万达传媒有限公司、分众晶视广告有限公司等4家公司联名发出声明函，称《战狼2》在影片母盘中强行搭载5条预告片而不支付费用，严重践踏影院广告代理方的合法权益，将通过法律方式进行维权。","影院广告方联名投诉《战狼2》8月9日，由北京万达传媒有限公司、分众晶视广告有限公司、北京畅游晶茂电影文化传媒有限公司、时代广告（北京）有限公司四家盖章联名发出的声明函（落款日期为8月1日）称，《战狼2》在影片母盘中强行搭载5条预告片而不支付费用，严重践踏影院广告代理方的合法权益。","每经影视记者注意到，在同档期的影片中，《战狼2》母盘自带的5条预告片时间最长，总时长为2分39秒，预告片播放完之后，即出“龙标”，正片放映开始。","四家广告代理商声讨的正是这2分39秒的时间，认为预告片侵蚀了其本来运营的广告时段，但并没有支付这2分39秒的广告费。而这四家公司几乎囊括了目前中国内地市场的影院映前广告。","每经影视记者就此采访了几位熟悉中国电影发行的业内人士，他们均表示，母盘自带的预告片一般是跟片方或发行方有关。"]
function pagination(page){
$('.content').text(content[page]);
if (parseInt(window.location.hash.replace('#', ''))!=page){
window.location.hash='#'+page;
}
}
window.onhashchange=function(){
if(window.location.hash) {
console.log(window.location.hash.replace('#', ''));
pagination(parseInt(window.location.hash.replace('#', '')));
}
};
</script>
</head>
<body>
<div class="aside">
<ul>
<li>
<a href="javascript:void(0)" onclick="pagination(0)">第一页</a>
</li>
<li>
<a href="javascript:void(0)" onclick="pagination(1)">第二页</a>
</li>
<li>
<a href="javascript:void(0)" onclick="pagination(2)">第三页</a>
</li>
<li>
<a href="javascript:void(0)" onclick="pagination(3)">第四页</a>
</li>
<li>
<a href="javascript:void(0)" onclick="pagination(4)">第五页</a>
</li>
<li>
<a href="javascript:void(0)" onclick="pagination(5)">第六页</a>
</li>
</ul>
</div>
<div class="content">
</div>
</body>
</html>
在IE下，切换页面的时候Url的锚点会改变
hashchange的事件是触发了，我用的是qq浏览器,兼容ie8模式，但是按后退的时候页面只会在两个页面重复后退，求高手解答
所有回答(1)
0
我觉得应该是QQ浏览器问题，我用360浏览器中的兼容模式，没有出现这个问题
不过也不能限制客户不能用qq浏览器啊，头疼
@奋斗的菜鸡: 你可以在打开这个功能的时候，提示用户，不能用qq浏览器打开，建议用其他效果正常的浏览器。
@金琥: 但是这个问题也是要解决的啊
