jquery - 我的 Javascript 在有两个功能时不起作用？

Question

$(document).ready()我的 Main.js 文件中调用了 2 个函数：

$(document).ready(function () {
    UpdateValue();
    LocationValue();
});

UpdateValue()工作正常，但是当我打电话时LocationValue()，它会中断。这似乎是由于getWards()在LocationValue().

下面是两个函数：

function UpdateValue() {
$(document.body).on("change", ".Quantity", function () {
    var ProID = $(this).attr("data");
    var Quatity = $(this).val();
        $.ajax({
            type: "GET", url: "/Cart/UpdateValue", data: { ProID: ProID, quantity: Quatity },
            success: function (data) {
                $(".cart_box").html(data);
            }
        }
            );
        $.ajaxSetup({
            cache: false
        });
    });
}
function LocationValue() {
    $("#City").change(function () {
        var cityID = $("#City").val();
        alert(cityID);
        getWards(cityID);
    });
}
function getWards(cityID) {
    alert("in show");
    $.ajax({
        url: "/Checkout/Wards",
        data: {CityID: cityID},
        dataType:"json",        
        type:"POST",
        error:function()
        {
            alert("An error occured");
        },
        success:function(data)
        {
            var items="";
            $.each(data, function(i,item))
            {
            items+="<option value=\"" + item.Value + "\">" + item.Text + "</option>";
            });
            $("#Ward").html(items);
        }
    });
}

alert(cityID)只有LocationValue()当我注释掉对getWards(). 我的代码有什么问题？

Answer 1

function getWards(cityID) {
    alert("in show");
    $.ajax({
        url: "/Checkout/Wards",
        data: {CityID: cityID},
        dataType:"json",        
        type:"POST",
        error:function()
        {
            alert("An error occured");
        },
        success:function(data)
        {
            var items="";
            $.each(data, function(i,item))

^^ 你有一个太多的')'...删除最后一个)，它可能会起作用。

            {
            items+="<option value=\"" + item.Value + "\">" + item.Text + "</option>";
            });
            $("#Ward").html(items);
        }
    });

Answer 2

您的方法中有语法错误

function getWards(cityID) {
    alert("in show");
    $.ajax({
        url : "/Checkout/Wards",
        data : {
            CityID : cityID
        },
        dataType : "json",
        type : "POST",
        error : function() {
            alert("An error occured");
        },
        success : function(data) {
            var items = "";
            $.each(data, function(i, item) { // an extra ) was here
                items += "<option value=\"" + item.Value
                + "\">" + item.Text + "</option>";
            });
            $("#Ward").html(items);
        }
    });
}