Javascript&模态。它不会在第一时间触发

时间:2017-07-16 07:18:36

标签: javascript asp.net bootstrap-modal

我有一个带有按钮的索引页面,该按钮调用名为_Create的局部视图,显示为模态。

在Index视图中,我的JScript填充了模态的下拉列表。这是代码:

fallocate

}

问题:问题是我第一次打开模态时,JS不会触发。我需要关闭模态并再次打开它以触发那些JScripts,我不知道为什么。我试着使用'shown.bs.modal'就足以在模态弹出后触发它们。

有人可以就此给我任何反馈吗?

提前致谢

更新

这是已声明模态的索引页面:

dd

这是PartialView _Create(模态)视图:

@section scripts{
<script src="~/js/store-index.js" asp-append-version="true"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#modal-action-store').on('shown.bs.modal', function (e) {
            var test = "#StoreArea";
            if ($(test).val()) {

            } else {
                var items = "<option value='0'>Select</option>";
                $('#DistrictID').html(items);
            }
        });
    });
</script>

<script type="text/javascript">
    $('#modal-action-store').on('shown.bs.modal', function (e) {
        $('#DepartmentID').change(function () {
            var url = '@Url.Content("~/")' + "Stores/GetDistrict";
            var ddlsource = "#DepartmentID";
            $.getJSON(url, { DepartmentID: $(ddlsource).val() }, function (data) {
                var items = '';
                $("#DistrictID").empty();
                $.each(data, function (i, district) {
                    items += "<option value='" + district.value + "'>" + district.text + "</option>";
                });
                $('#DistrictID').html(items);
            });
        });
    });
</script>

希望这有帮助!

0 个答案:

没有答案