[英]How to Include Jquery function in a partial view in a modal
I have a jquery button click method which works fine in views other than modals.uploadbtn button click method doesn't work when partial view is loaded in the modals我有一个 jquery 按钮单击方法,该方法在 modals 以外的视图中工作正常。当在模态中加载部分视图时,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>
Can someone tell me what I should do in order to get this working in the modals?有人能告诉我我应该怎么做才能让它在模态中工作吗? I am working in a .net core project我在一个 .net 核心项目中工作
Update Demo as below:更新Demo如下:
Controller.cs: I create an action BBB
to return _FilePartialView
. Controller.cs:我创建了一个动作BBB
来返回_FilePartialView
。
public class HomeController : Controller
{
public IActionResult Privacy()
{
return View();
}
public IActionResult BBB()
{
return PartialView("_FilePartialView");
}
}
In privacy view, I add a modal to upload file.在隐私视图中,我添加了一个模式来上传文件。
<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: _FilePartialView.cshtml:
[Note]
I remove <script src="~/lib/jquery/dist/jquery.min.js"></script>
[Note]
我删除<script src="~/lib/jquery/dist/jquery.min.js"></script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.