如何解决部分视图无法识别包含在父级中的Javascript文件
我正在使用asp .net core 3,我通过javascript添加了多个部分
function AddBill(type)
{ tag = "....."; // some div and a tags
$.get('/Glasses/displayFarBill?index=' + farIndex,function (partial) {
$('#FarSightedBillsSection').append(tag);
$('#farSighted' + farIndex).append(partial);
$('#farSighted' + farIndex).collapse('show');
farIndex++;
});
}
在主页上,我包含一些js
文件,一些部分视图元素可以使用该文件:
<link rel="stylesheet" href="~/lib/md.bootstrappersiandatetimepicker/dist/jquery.md.bootstrap.datetimepicker.style.css" />
<script src="~/lib/md.bootstrappersiandatetimepicker/dist/jquery.md.bootstrap.datetimepicker.js" type="text/javascript"></script>
但是当我使用javascript添加部分视图时,它无法识别该js文件,但是当我使用代码添加该部分视图时(我的意思是局部标签),它将识别出该文件
我不想将其包含在Partial中,因为我有多个partial实例。
解决方法
这是一个演示作品:
控制器:
public IActionResult GetPartial()
{
return PartialView("_Partial");
}
public IActionResult TestPartial()
{
return View();
}
_Partial(局部视图):
<input type="text" data-provider="datepicker" class="datepicker" style="width:200px;" />
TestPartial(主页):
<h1>TestPartial</h1>
<div id="items">
</div>
@section Scripts{
<link rel="stylesheet" href="~/lib/DatetimePicker/dist/datetimepicker.css" />
<script src="~/lib/DatetimePicker/dist/datatimepicker.js"></script>
<script type="text/javascript">
$(function () {
getPartial();
})
function getPartial() {
$.ajax({
url: '/Test/GetPartial',dataType: 'html',success: function (newItem) {
$(newItem).appendTo($('#items'));
$('.datepicker').MdPersianDateTimePicker({
dateFormat: 'yyyy-MM-dd',isGregorian: false,enableTimePicker: true
});
}
})
}
</script>
}
如果无法识别它,可以尝试使用F12检查Console
,是否在控制台中有任何错误?并检查Network
css和js的状态是否为200?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。