javascript - $(this).attr("href") 返回未定义

Question

我正在尝试将 bootbox 与 Twitter Bootsrap一起使用。

在下面的代码中，当我使用this.attr('href');并得到TypeError: this.attr is not a function.

当我更改为$(this).attr('href');我得到Undefined.

 <a class="alert" href="list_users.php?id=123">Delete user</a>

 <script src="bootbox.min.js"></script>
    <script>
    $(document).on("click", ".alert", function(e) {
        e.preventDefault();

        bootbox.confirm("Are you sure?", function(result) {

        if (result) {
            document.location.href = this.attr('href'); // doesn't work
            document.location.href = $(this).attr('href'); // Undefined
        }               
    });

    });
</script>

任何想法？

Answer 1

那不再是您的 jQuery 事件回调函数，而是 bootbox 回调...尝试$.proxy绑定上下文：

$(document).on("click", ".alert", function(e) {
    e.preventDefault();

    bootbox.confirm("Are you sure?", $.proxy(function(result) {
        if (result) {
            document.location.href = this.href;
        }
    }, this));
});

Answer 2

问题是this或者$(this)不再指向链接，而是bootbox-callback。$(this)这可以通过存储指向的变量来解决。请注意，如果您多次使用同一个对象，这也被认为是一种好的做法。

$(document).on("click", ".alert", function(e) {
    e.preventDefault();

    var obj = this;

    bootbox.confirm("Are you sure?", function(result) {
    if (result) {
        document.location.href = obj.href;
    }               
});