Javascript ASP.NET MVC-视图的功能不'；除非我直接访问它，否则无法工作

我有一个带有侧边栏的视图，其中包含一个文件列表，一个局部视图包含一个文本区域。我想在用户单击某个文件后显示该文件的内容（通过刷新局部视图）。这是我正在使用的脚本：

 <script>
     $(document).ready(function () {
         $('.filelist').on('click', function (e) {
             var filePath = $(this).attr('value');    //value is attribute set in Html
             $('#partial').load('DevelopmentPartial', { path1: filePath });
         });
     });
</script>

---

我做错了什么？

我通过在主视图中重新排序脚本解决了问题，如下所示：

    <script type="text/javascript" src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

jquery.unobtrusive是第一个。然后我更新了加载局部视图的脚本：

<script type="text/javascript">
     $(document).ready(function () {
         $('.filelist').on('click', function (e) {
             e.preventDefault();
             alert('Im clicked on filePath = ' + $(this).attr('value'));
             var filePath = $(this).attr('value');    //value is attribute set in Html
             $('#partial').load('@Url.Action("DevelopmentPartial", "Development")', { path1: filePath });
         });
     });
</script>

$（文档）.ready（函数（）{
$（'.filelist'）。在（'click'，函数（e）上{
e、 预防默认值（）；
警报（'Im单击文件路径='+$（this.attr（'value'））；
var filePath=$（this）.attr（'value'）；//值是在Html中设置的属性
$（'#partial'）.load（'@Url.Action（“DevelopmentPartial”，“Development”），{path1:filePath}）；
});
});

我通过在主视图中对脚本重新排序解决了问题，如下所示：

    <script type="text/javascript" src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

jquery.unobtrusive是第一个。然后我更新了加载局部视图的脚本：

<script type="text/javascript">
     $(document).ready(function () {
         $('.filelist').on('click', function (e) {
             e.preventDefault();
             alert('Im clicked on filePath = ' + $(this).attr('value'));
             var filePath = $(this).attr('value');    //value is attribute set in Html
             $('#partial').load('@Url.Action("DevelopmentPartial", "Development")', { path1: filePath });
         });
     });
</script>

$（文档）.ready（函数（）{
$（'.filelist'）。在（'click'，函数（e）上{
e、 预防默认值（）；
警报（'Im单击文件路径='+$（this.attr（'value'））；
var filePath=$（this）.attr（'value'）；//值是在Html中设置的属性
$（'#partial'）.load（'@Url.Action（“DevelopmentPartial”，“Development”），{path1:filePath}）；
});
});

是否可以将此脚本放到主视图页面而不是部分视图中此脚本位于主视图中，它调用部分视图。我猜您检查了控制台窗口以提示发生了什么！事实上，这是我的第一个网站，我只是一直在尝试，我还不知道如何解决问题。你能把这个脚本放到主视图页面而不是部分视图中吗？这个脚本在主视图中，它调用部分视图。我猜你检查了控制台窗口来提示发生了什么！实际上，这是我的第一个网站，我只是一直在尝试，我还不知道如何解决问题。