Question

我在我的页面中为引导模式（弹出窗口）应用了Javascript（JS）代码。当我在弹出窗口中显示的文本框中输入输入时，我打算让它动态运行。以前，当我将JS代码放在布局页面中时，它可以工作。但是当我试图将代码放在一个文件夹中的单独的JS文件中时，它就不再起作用了。为什么是这样？当我单击按钮时，会出现弹出窗口，但是当我输入输入或单击弹出窗口中的按钮时，它没有工作。我确保文件目录不是问题。

我也把

$(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);
    }));

}

})

在布局的head部分，以确保它将动态加载。

这是我在Modal.js文件中添加的内容。这是正确的还是我错过了什么？我在代码之间有一个if子句。

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

这是查看页面中的复选框输入

<form action="demo_form.asp" onsubmit="javascript:return false">

Answer 1

尝试将您的代码放入document.ready

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

将代码作为外部文件后，Javascript代码无法正常工作

1 个答案: