0

当我看到以下问题和答案时：

带有 bbUI.js 的 jQuery 问题

我想问一下。

是问题中的替换语法（使用普通 jQuery）：

$(document).ready(function () {
   $("#Div1").click(function () {
        alert("Hello world!");
   });
});

并替换为 bbUI 中的部分：

ondomready: function(element, id) {
    if (id == 'home') {
        $("#Div1").click(function () {
            alert("Hello world!");
        });
    }
}

没有导致 index.htm 文件中的长语法？？？

因为我知道上面的语法在使用 bbUI lib 时位于 index.htm

如果仅对上述语法进行警报是不可见的。当在一个页面上使用很多行代码时，是否应该像上面的语句那样将其合并到 index.htm 中？

如果我使用我的示例代码如何：

$("#DropDownList2").hide();
    $("#pertama").change(function () {
        if ($("#pertama option:selected").text() == "- Pilih Data -") {
            $("#DropDownList2").hide();
            $("select[id$=DropDownList2] > option").remove();
        }

        if ($("#pertama option:selected").text() == "Keren") {
            $("#DropDownList2").show();
            $("select[id$=DropDownList2] > option").remove();
            $("#DropDownList2").append($("<option>" + ("Hyderabad") + "</option>"));
            $("#DropDownList2").append($("<option>" + ("Vijayawada") + "</option>"));
            $("#DropDownList2").append($("<option>" + ("Karimnagar") + "</option>"));
        }
        if ($("#pertama option:selected").text() == "Jelek") {
            $("#DropDownList2").show();
            $("select[id$=DropDownList2] > option").remove();
            $("#DropDownList2").append($("<option>" + ("Madhurai") + "</option>"));
            $("#DropDownList2").append($("<option>" + ("Chennai") + "</option>"));
        }
        if ($("#pertama option:selected").text() == "Tidak Tahu") {
            $("#DropDownList2").show();
            $("select[id$=DropDownList2] > option").remove();
            $("#DropDownList2").append($("<option>" + ("Bangalore") + "</option>"));
        }

    });

在主文件中会看起来很多代码

唯一的出路是在 jQuery 中使用函数吗？

4

1 回答 1

0

如果我正确理解你的问题...

您可以通过为每个页面加载声明函数来保持主文件清洁。将您的函数存储在单独的 js 文件中。

ondomready: function(element, id) {
    if (id == 'home') {
        loadHomePage();
    }
}

...

function loadHomePage() {
    $("#Div1").click(function () {
        alert("Hello world!");
    });
}

这就是我在我的应用程序中所做的。

于 2013-01-21T20:18:00.043 回答