javascript - window.location.href 与 $ (".confirm").click(function (e) 不返回完整网址

Question

我无法找出以下代码哪里出了问题。我的完整网址是http://localhost:4244/Invoice/PayInvoice?invoicenumber=7069但 var url = window.location.href;只返回http://localhost:4244/

<a Class="btn btn-success btn-sm confirm" href="/Invoice/PayInvoice?invoicenumber=7069">Pay Invoice</a>

谁能发现我做错了什么

<script>
    $(document).ready(function() {
        $(".confirm").click(function (e) {
            var url = window.location.href;     // Returns full URL
            alert(url);
            $("#displayPopUp").show();

            e.preventDefault();

            $(".yesupdate").click(function () {
                $("#displayPopUp").hide();

                window.location = url;
                //$(location).attr('href');
            });
            //if (AcceptPayment()) {
            //    // then redirect to original location
            //    window.location = this.href;
            //}
            //else {
            //    alert("Couldn't do my thing first");
            //}
            //var result = window.confirm("You are about to mark invoice as paid, are you sure?");
            //if (result == false) {
            //    e.preventDefault();
            //}
        });
    });
</script>

我想做的是将 url 的值传递给 window.location = url;当单击 .yesupdate 时

Answer 1

如果您尝试导航至 href <a>的单击元素，您可以在 .click() 中检索该地址处理程序使用:

var url = this.href;

代码片段中的行仅分配当前的 location返回自身，这只会重新加载页面。

var url = window.location.href;

window.location = url;

<小时/>

您可能还需要删除之前的 click来自 $(".yesupdate") 的处理程序以避免它们从多个 .confirm 堆叠起来s。

您可以使用namespaces以某些处理程序为目标。

$('.yesupdate').off('.confirm').on('click.confirm', function (e) {
    // ...
});