Jquery无法在模态弹出ASP.NET MVC中工作

Question

我有一个模态弹出窗口，我想在。中使用一些级联下拉列表。

当我将页面渲染为常规视图时，下拉工作正常，但当我在模态弹出窗口中将其渲染为部分时，我将失去功能。

现在这个脚本似乎根本没有运行。

以下是选择下拉值时应运行的代码：

$("#artistSelect").change(function () {
if ($(this).val() != "") {
    $("#pieceSelect").empty();
    $("#productSelect").empty();
    $.ajax({
        type: 'POST',
        url: '@Url.Action("GetMasterImages")',
        dataType: 'json',
        data: {
            artistId: $(this).val()
        },
        success: function (masterImages) {
            $(masterImages).each(function (i, masterImage) {
                $("#pieceSelect").append('<option value="' + masterImage.Value + '">' + masterImage.Text + '</option');
            });
            $("#productSelect").append('<option value="">-- Select Piece --</option>');
        },
        error: function (ex) {
            alert('failed to get piece list.' + ex);
        }

    });
} else {

    $("#pieceSelect").empty();
    $("#productSelect").empty();
    $("#productSelect").append('<option value="">-- Select Artist --</option>');
    $("#pieceSelect").append('<option value="">-- Select Artist --</option>');
}
return false;
});

$("#pieceSelect").change(function () {
if ($(this).val() != "") {
    $("#productSelect").empty();
    $.ajax({
        type: 'POST',
        url: '@Url.Action("GetProducts")',
        dataType: 'json',
        data: {
            imageMasterId: $(this).val()
        },
        success: function (products) {
            $(products).each(function (i, product) {
                $("#productSelect").append('<option value="' + product.Value + '">' + product.Text + '</option');
            });
        },
        error: function (ex) {
            alert('failed to get product list.' + ex);
        }
    });
} else {
    $("#productSelect").empty();
    $("#productSelect").append('<option value="">-- Select Piece --</option>');
}
return false;
});

脚本位于我的主脚本文件中。

和我现在的部分观点：

<div class="form-group">
<div class="row">
    <div class="col-md-3">
        @Html.DropDownList("Artist", Model.Dropdowns.ArtistItems, new { @id = "artistSelect", @class = "form-control" })
    </div>
    <div class="col-md-3">
        @Html.DropDownList("Piece", new List<SelectListItem> { new SelectListItem { Text = "-- Select Artist --", Value = "" } }, new { @id = "pieceSelect", @class = "form-control" })
    </div>
    <div class="col-md-3">
        @Html.DropDownListFor(m => m.CustomerItem.ItemID, new List<SelectListItem> { new SelectListItem { Text = "-- Select Artist --", Value = "" } }, new { @id = "productSelect", @class = "form-control" })
    </div>
</div>

为什么我的级联下降不再起作用？