如何在模态的部分视图中包含 Jquery 函数

Question

我有一个 jquery 按钮单击方法，该方法在模态之外的视图中工作正常。在模态中加载部分视图时，uploadbtn 按钮单击方法不起作用

<script src="~/lib/jquery/dist/jquery.min.js"></script>

    <div class="form-group">
        <div class="col-md-10">
            <p>Upload one or more files using this form:</p>
            <input type="file" id="files" name="files" multiple />
            <input id="documentType" name="entity" value=@ViewData["entity"] hidden>
            <input id="id" name="id" value=@Model hidden>
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-10">
            <input type="submit" id="upload" value="Upload" />
            <button type="button" id="uploadbtn">Upload</button>
            
        </div>
    </div>


<script>
    $(document).ready(function () {
        $("#uploadbtn").click(function () {
            console.log("came");
            var documentType = $('#documentType').val();
            var fileUpload = $("#files").get(0);
            var files = fileUpload.files;
            console.log(files);


          

        });
    });

    </script>

有人可以告诉我应该做什么才能在模态中工作吗？ 我正在从事 .net core 项目

Answer 1

更新演示如下：

Controller.cs：我创建一个操作BBB来返回_FilePartialView。

public class HomeController : Controller
   {
        public IActionResult Privacy()
        {
            return View();
        }
        public IActionResult BBB()
        {
            return PartialView("_FilePartialView");
        }
    }

在隐私视图中，我添加了一个上传文件的模式。

<button id="btnShowModal" type="button" > Upload </button>
<div class="modal fade" id="Modal">                                            
<div class="modal-dialog modal-lg">
 <div class="modal-content">
     <div class="modal-header">
        <button  id="btnHideModal" type="button" class="btn btn-secondary" data-dismiss="modal">  ×</button>
      </div>                                                             
    <div class="modal-body" >
</div>
    </div>
 </div>
</div>
script src="~/lib/jquery/dist/jquery.min.js"></script>
   

 <script type="text/javascript">
        $(document).ready(function () {
            $("#btnShowModal").click(function () {
                $.get("@Url.Action("BBB","Home")",
                function(data){$('.modal-body').html(data);})
                $("#Modal").modal('show'); 
            });
        $("#btnHideModal").click(function () {
                $("#Modal").modal('hide');
            });
        });       
    </script>  

_FilePartialView.cshtml：

[注意]我删除了