Код Javascript не работает после размещения кода во внешнем файле

Я применяю код Javascript(JS) для bootstrap modal (всплывающее окно) на моей странице. Я планирую позволить ему работать динамически, когда я ввожу ввод в текстовое поле, которое появляется из всплывающего окна. Ранее, когда я помещал код JS на страницу макета, он работал. Но когда я попытался поместить код в отдельный файл JS в папке, он больше не работает. Почему это? Когда я нажимаю кнопку, появляется всплывающее окно, но когда я ввел ввод или нажал кнопку во всплывающем окне, это не сработало. Я гарантировал, что каталог файлов не является проблемой.

Я также положил

<script type="text/javascript" src="~/Script/Modal.js"></script>

в головной части макета, чтобы гарантировать, что он будет загружен динамически.

Это то, что я вкладываю в свой модальный.JS. Это правильно или я что-то упускаю? У меня есть предложение if между кодами.

$(function() {
// New Modal ================================================
$('#inputNew').on('hidden.bs.modal', function (e) {
    document.getElementById("inputNewCheckbox").checked = true;
    document.getElementById("inputMother").style.display = 'block';
    document.getElementById("inputMotherlabel").style.display = 'block';
    var value = $('#myPopupInput1').val();
    $('#inputMother').val(value);
    $('#inputNew').modal('hide');
});

$('#inputNew').on('click', '#SearchMother', function () {
   var value = $('#myPopupInput1').val();
   $('#inputMother').val(value);
   $('#inputNew').modal('hide');
});

if ($checkbox.data('waschecked') == true && $('#inputMother') != '') {
    if ($('#inputNewCheckbox').on("click", function () {
        $('#inputNewCheckbox').prop('checked', false);
    }));

}

})

Это ввод флажка на странице просмотра

<input type="checkbox" name="inputNew" value="inputNew" id="inputNewCheckbox" data-toggle="modal" data-target="#inputNew" data-waschecked="false"> New

1 ответ

  1. попробуйте ввести код в документ.готовый

    $(document).ready(function () {
         // New Modal ================================================
         $('#inputNew').on('hidden.bs.modal', function (e) {
             document.getElementById("input").checked = true;
         });
    })