部分视图无法识别包含在父项中的 Javascript 文件

Question

我正在使用 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 实例。

Answer 1

这是一个有效的演示：

控制器：

public IActionResult GetPartial()
        {
            return PartialView("_Partial");
        }
        public IActionResult TestPartial()
        {
            return View();
        }

_Partial(局部视图):

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

结果：

如果无法识别，可以尝试使用F12查看Console，Console是否报错？查看Network是否有css和js状态是200？

你可以像这样把 css 和 js 放在 _Layout.cshtml 中：

部分视图无法识别包含在父项中的 Javascript 文件

Partial view does't recognize Javascript file that get included in parent

javascript

asp.net-mvc-partialview

asp.net-core-mvc