IE中的location.href&边缘

时间:2016-07-19 04:45:51

标签: javascript internet-explorer jquery-mobile href single-page-application

让我的单页Web应用程序在Internet Explorer和Edge中运行时出现问题。它在其他浏览器中运行得非常好。

我遇到的问题是我似乎无法让导航工作。

我尝试过以下方法:

return movieLists.map(function(category){                      

return  category.videos.map(function(vids){
    var correctBoxSize = "No Proper Box Size Found"; 

    vids.boxarts.forEach(function(boxes){
        if (boxes.width === 150 && boxes.height === 200)
            {correctBoxSize = boxes.url}
        });

    return {
            "id": vids.id,
            "title": vids.title,
            "boxart": correctBoxSize
           };
})
}).concatAll()

所有这些都可以在其他浏览器上完美运行。我做错了什么?

http://www.snabbteori.se如果您想亲眼看到它。

EDIT1:附加代码

导航菜单中的项目如下所示:

location.href = '#quickQuiz'
location.href = '/#quickQuiz'
window.location.href = '#quickQuiz'
window.location.href = '/#quickQuiz'
document.location.href = '/#quickQuiz'
document.location.href = '#quickQuiz'
function goHere(where) { window.location = where; return false; }
location.hash = '#quickQuiz'
location.hash = '/#quickQuiz'

然后我检查它上面的点击事件。我知道可以将<li data-icon="info"><a id="teoriNav">Teori</a></li> 放在那里,但我只是以这个为例,还有其他链接,我需要执行AJAX调用,这个没有&#39;我需要它只是为了验证我的AJAX调用没有问题导致它。

href="#teori

我也试过这个但是没有工作:

$(document).delegate('#teoriNav', 'click', function () {
    location.hash('#teori');');
});

EDIT2:更新

我相信我已修复了所有jQuery错误和其他一些问题。我在Internet Explorer控制台中唯一获得的是:

$('#teoriNav').click( function() {
    location.hash('#teori');
});

然后当我点击按钮时,我得到了我写的输出,确认它在按钮上注册了我的点击。但它仍然不会导航。

EDIT3:丑陋的临时修复

导航后执行页面重新加载后,它可以正常工作。

HTML1300: Navigation occured.
DOM7011: The code on this page disabled back and forward caching.

但是我讨厌网站必须重新加载的事实,如果某人有一个真正的修复,我会非常感激...

1 个答案:

答案 0 :(得分:0)

如果您的代码不是propper,则Edge会出现链接问题。您应该检查控制台是否有任何错误,这很可能。

我们需要您提供更多信息以帮助您。

发布你的HTML和你的Javascript(只是涉及这个问题的领域) 然后我们可以更好地帮助你。

我首先修复你的jQuery错误然后再试一次。

好的,我的浏览器测试给了我一个 30-60错误的变体,与Mac上的jQuery相关。 需要解决这些问题

您还有一个需要解决的XSS问题。你有来自Facebook的HTTPS但你的网站上有HTTP,这些都需要匹配。