首页 / JAVASCRIPT / javascript – $(‘：target’)在Internet Explorer 11中返回长度为0

javascript – $(‘：target’)在Internet Explorer 11中返回长度为0

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – $(‘：target’)在Internet Explorer 11中返回长度为0，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1357字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试补偿网页中的锚点移动位置,因此它没有被固定的标题覆盖.

我解决了这个anwser的问题,它适用于除IE之外的每个浏览器.它只是在锚点移动后向上滚动几个像素.

代码如下：

(function($, window) {
    var adjustAnchor = function() {

        var $anchor = $(':target'),
                    fixedElementHeight = 160;
        console.log("Anchor: "+ JSON.stringify($anchor));

        if ($anchor.length > 0) {
            $('html, body')
                .stop()
                .animate({
                    scrollTop: $anchor.offset().top - fixedElementHeight
                }, 200);
        }
    };

    $(window).on('hashchange load', function() {
        adjustAnchor();
    });

})(jQuery, window);

现在,IE11中console.log的输出是这样的：

{
    "length": 0,
    "prevObject": {
        "0": {
            "__IE_DEVTOOLBAR_CONSOLE_EVAL_ERROR": false,
            "_html5shiv": 1,
            "jQuery1111049273906621767055": 4
        },
        "context": {
            "__IE_DEVTOOLBAR_CONSOLE_EVAL_ERROR": false,
            "_html5shiv": 1,
            "jQuery1111049273906621767055": 4
        },
        "length": 1
    },
    "context": {
        "__IE_DEVTOOLBAR_CONSOLE_EVAL_ERROR": false,
        "_html5shiv": 1,
        "jQuery1111049273906621767055": 4
    },
    "selector": ":target"
}

问题显然是“长度”：0,这意味着没有选择任何东西.为什么是这样？ ：目标选择器应该在IE11中正常工作,但jQuery没有抓住它.

请原谅我对jQuery的无知以及我糟糕的英语.

解决方法:

我通过将名称属性旁边的id属性添加到锚点的目标来解决了这个问题,如下所示：

<a class="anchor" name="condiciones" id="condiciones"></a>

由于某种原因,name属性足以让锚点在每个浏览器中工作,但为了在Internet Explorer中使用jQuery获取它们,必须使用id属性创建锚点.

我讨厌IE.

内容总结

以上是互联网集市为您收集整理的javascript – $(‘：target’)在Internet Explorer 11中返回长度为0全部内容，希望文章能够帮你解决javascript – $(‘：target’)在Internet Explorer 11中返回长度为0所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/779632.html

来源：【匿名】