jQuery：this.attr() 不是一个函数？

Question

我不太确定我是否没有在正确的范围内使用它或什么，但我有一个脚本，它基本上捕获链接点击并导致页面在转到链接页面之前淡出。但是，如果链接是 JavaScript onclick，则脚本会失败。

这是我的代码：

<script type="text/javascript">

    pageObj = {
        init: function(){
            $("body").fadeTo("slow", 1);
        },
        redirectPage: function(redirect){
            window.location = redirect;
        },
        linkLoad: function(location){
            $("body").fadeOut(1000, this.redirectPage(location));
        }
    };

    $(document).ready(function() {
        pageObj.init();

        $("a").click(function(e){
            e.preventDefault();
            if (this.attr('onclick') !== undefined) {
                eval(this.attr('onclick').val());
            } else {
                var location = this.href;
                pageObj.linkLoad(location);
            }
        });
    });

</script>

正如您所看到的，我尝试检查链接是否具有 onclick 属性，然后调用 onclick 函数（如果存在）。我怎样才能实现这个目标？

Answer 1

使用： $(this).attr 而不是 this.attr

这会强制它进入 jQuery 的上下文。

Answer 2

虽然 Diodeus 是正确的，但您需要在使用 attr() 之前将 this 包装在 jQuery 集合中（它是 jQuery 集合的方法，而不是 HTMLElement< /code>），您也可以跳过 attr()。

$("a").click(function(e){
    var location;
    e.preventDefault();
    if ($.isFunction(this.onclick)) {
        this.onclick.call(this, e);
    } else {
        location = this.href;
        pageObj.linkLoad(location);
    }
});

请注意，我使用了属性（当加载 HTML 文档时，属性通常会预加载到属性中，on_______ 属性会作为方法预加载。另请注意，我使用了 this.onclick.call() 而不是 eval()，为 onclick 方法设置正确的 this，并确保将事件对象作为参数进行访问。