局部视图没有';无法识别包含在父级中的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) {

我使用的是asp.NETCore3,我通过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();
        }
_局部(局部视图):


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>
    }