首页 新闻 搜索 专区 学院

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模式,但是按后退的时候页面只会在两个页面重复后退,求高手解答
奋斗的菜鸡的主页 奋斗的菜鸡 | 初学一级 | 园豆:142
提问于:2017-09-07 09:44
< >
分享
所有回答(1)
0

我觉得应该是QQ浏览器问题,我用360浏览器中的兼容模式,没有出现这个问题

金琥 | 园豆:2570 (老鸟四级) | 2017-09-07 11:43

不过也不能限制客户不能用qq浏览器啊,头疼

支持(0) 反对(0) 奋斗的菜鸡 | 园豆:142 (初学一级) | 2017-09-07 16:03

@奋斗的菜鸡: 你可以在打开这个功能的时候,提示用户,不能用qq浏览器打开,建议用其他效果正常的浏览器。

支持(0) 反对(0) 金琥 | 园豆:2570 (老鸟四级) | 2017-09-07 16:39

@金琥: 但是这个问题也是要解决的啊

支持(0) 反对(0) 奋斗的菜鸡 | 园豆:142 (初学一级) | 2017-09-08 10:08
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册