在bbUI中使用jQuery Lib

时间:2012-10-10 11:19:04

标签: jquery jquery-mobile blackberry blackberry-webworks

当我看到问答时:

Problem jQuery with bbUI.js

我想问。

是问题中的替换语法(使用普通的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中使用函数吗?

1 个答案:

答案 0 :(得分:0)

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

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

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

...

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

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