javascript - 如何为不同的元素设置相同的url

Question

这个问题已经有答案了:

jQuery same click event for multiple elements (10 个回答)

已关闭 6 年前。

我尝试为点击事件上的不同元素设置相同的 URL:

$(document).ready(function() {

    var realStateBtn = $('#real-estate-center').parent();
    var link = $('#real-estate-center > .linkwidth');
    var realStateClass = $('.real-estate-center');
    var bankOwnedProps = $('#bank-owned-properties > span');
    var findYourHomesValue = $('#find-your-homes-value > span');

    realStateBtn.css('zIndex', 9999);

    realStateBtn.click(function() {
        window.location.href='https://realestatecenter.bankofamerica.com/';
    });

    link.click(function() {
        window.location.href="https://realestatecenter.bankofamerica.com/";
    });

    realStateClass.click(function() {
        window.location.href="https://realestatecenter.bankofamerica.com/";
    });     

    findYourHomesValue.click(function() {
        window.location.href="http://realestatecenter.bankofamerica.com/tools/marketvalue.aspx";
    });

    bankOwnedProps.click(function() {
        window.location.href="http://realestatecenter.bankofamerica.com/";
    });
});

我在一些不同的函数中调用此方法:

window.location.href="http://realestatecenter.bankofamerica.com/";

这就是我想避免的，我只想使用一次。

有什么建议吗？

Answer 1

您可以设置一个主页变量并像这样使用它

var homePageUrl = "http://realestatecenter.bankofamerica.com/"

只需传递window.location.href = homePageUrl

你也可以让它成为自己的函数，例如

function redirect(path) {
 window.location.href = path
}

然后在每个地方调用该函数，并以 url 作为参数，这样至少您可以将所有内容都交给一个函数，而不是重复代码