局部视图没有';无法识别包含在父级中的Javascript文件
我使用的是asp.NETCore3,我通过javascript添加了一些多个部分局部视图没有';无法识别包含在父级中的Javascript文件,javascript,asp.net-core-mvc,asp.net-mvc-partialview,Javascript,Asp.net Core Mvc,Asp.net Mvc Partialview,我使用的是asp.NETCore3,我通过javascript添加了一些多个部分 function AddBill(type) { tag = "....."; // some div and a tags $.get('/Glasses/DisplayFarBill?index=' + farIndex, function (partial) {
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();
}
_局部(局部视图):
TestPartial(主页):
TestPartial
@节脚本{
$(函数(){
getPartial();
})
函数getPartial(){
$.ajax({
url:“/Test/GetPartial”,
数据类型:“html”,
成功:函数(newItem){
$(newItem).appendTo($('#items');
$('.datepicker').MdPersianDateTimePicker({
日期格式:“yyyy-MM-dd”,
伊斯格雷戈里:错,
enableTimePicker:true
});
}
})
}
}
结果:
如果您无法识别,可以尝试使用F12检查控制台
,控制台中是否有错误?检查网络
css和js状态是否为200?
您可以将css和js放在_Layout.cshtml中,如下所示:
状态为304,在控制台中有错误:“$(…)。MDPersiandeTimePicker不是函数”。当我在“MdPersianDateTimePicker”之前部分包含该js文件时,我没有任何错误,因此您在主页中添加“$('…).MdPersianDateTimePicker`?我在中获得css和js,datetimerpicker css,js状态为304,其他状态为200。它可以工作。如果您仍然无法工作,您可以尝试将css和js放入共享文件夹中的_Layout.cshtml中,如我的回答所示。我使用了您在示例中所说的部分脚本,它工作了,谢谢,状态仍然是304,但它工作了。
<input type="text" data-provider="datepicker" class="datepicker" style="width:200px;" />
<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>
}