javascript - 根据父 div id 加载 Javascript 文件

Question

--- 继人们所说的之后 ---

这适用于多页面表单，它在 DOM 中加载多个页面。然而，DOM 加载 page_2_2 和 page_3_3，其中一个具有 display:none 的样式属性，而另一个则没有。脚本可以通过检查哪个有 display:none 然后加载适当的 Javascript 文件来完成吗？例如:

如果 DIV ID=page_2_2 有 style="display:none"，则加载 page2.js，否则加载 page1.js？

<小时/>

我有两个 Javascript 文件...称为 page1.js 和 page2.js。

我需要一个基于 Javascript 的 if 函数来说明这一点

如果父DIV ID = page_2_2，则加载page1.js，如果父DIV ID = page_3_3，则加载page2.js，否则不加载任何内容。

Answer 1

function loadscript(divID) {
    var scriptURL;
    if (divID == "page_2_2")
       scriptURL = "page1.js";
    else if (divID == "page_3_3")
       scriptURL = "page2.js";
    $.getScript(scriptURL);
}

并不复杂，函数获取字符串作为参数。

loadscript("page_2_2") // will load page1.js
loadscript("page_3_3") // will load page2.js

作为字符串参数传递的 elementid 类型并不重要。

<小时/>

编辑:

据我了解，您有两个 div，其中一个具有“none”作为显示值，因此您可以这样做。

<div id="page_2_2" style="display:none"></div>
<div id="page_3_3"></div>

$(document).ready(function() {
    if ($('#page_2_2').is(':visible'))
        $.getScript("page1.js");
    else 
        $.getScript("page2.js");
});