jquery - 多个变量对不同 ID 使用相同值

Question

我在单页应用程序上使用 IncludeCMSContent1、IncludeCMSContent2、IncludeCMSContent3 的窗口位置和 DIV ID。当满足这些条件时，外部内容将在 ID 处注入(inject)。

但是，我发现 3 个变量中只有 1 个被触发，实际上是第一个，因为如果页面上存在 IncludeCMSContent3，则该 ID 不会触发，因为 IncludeCMSContent1 优先。

我该如何解决这个问题？页面始终相同，因此值始终相同，但 IncludeCMSContent1/2/3 的 ID 会在同一页面上交换。

var TCEApplicationNoWaiver = "TCEApplication.aspx"
var TCEApplicationWaiver = "TCEApplication.aspx"
var TCEApplicationNotEligible = "TCEApplication.aspx"

if (window.location.href.toLowerCase().indexOf(TCEApplicationNoWaiver.toLowerCase()) >= 0) {
            $("#IncludeCMSContent1").load("http://www.example.com/tce-application-noWaiver.htm #externalContent");
}
else if (window.location.href.toLowerCase().indexOf(TCEApplicationWaiver.toLowerCase()) >= 0) {
            $("#IncludeCMSContent2").load("http://www.example.com/tce-application-Waiver.htm #externalContent");
}
else if (window.location.href.toLowerCase().indexOf(TCEApplicationNotEligible.toLowerCase()) >= 0) {
            $("#IncludeCMSContent3").load("http://www.example.com/not-eligible.htm #externalContent");
}

Answer 1

删除 else 语句，以便触发所有条件:

if (window.location.href.toLowerCase().indexOf(TCEApplicationNoWaiver.toLowerCase()) >= 0) {
    $("#IncludeCMSContent1").load("http://www.example.com/tce-application-noWaiver.htm #externalContent");
}

if (window.location.href.toLowerCase().indexOf(TCEApplicationWaiver.toLowerCase()) >= 0) {
    $("#IncludeCMSContent2").load("http://www.example.com/tce-application-Waiver.htm #externalContent");
}

if (window.location.href.toLowerCase().indexOf(TCEApplicationNotEligible.toLowerCase()) >= 0) {
    $("#IncludeCMSContent3").load("http://www.example.com/not-eligible.htm #externalContent");
}

希望这有帮助。