Tengo un método de clic en el botón jquery que funciona bien en vistas que no sean modales. El método de clic en el botón uploadbtn no funciona cuando se carga una vista parcial en los modales.
<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>¿Alguien puede decirme qué debo hacer para que esto funcione en los modales? Estoy trabajando en un proyecto .net core
Actualizar demostración de la siguiente manera:
Controller.cs: creo una acción BBB para devolver _FilePartialView .
public class HomeController : Controller { public IActionResult Privacy() { return View(); } public IActionResult BBB() { return PartialView("_FilePartialView"); } }En la vista de privacidad, agrego un modal para cargar el archivo.
<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:
[Note] <script src="~/lib/jquery/dist/jquery.min.js"></script>