如何在ASP.NET MVC 5 Partial View中使用Jquery和其他脚本

w41d8nur  于 2023-05-17  发布在  jQuery
关注(0)|答案(1)|浏览(173)

我正在使用ASP.NETMVC5控制器从局部视图返回项目,并希望使用jQuery和select2,但是当我在局部视图中添加脚本时,它不起作用。jQuery和css文件不工作。
下面是我的部分代码:

public ActionResult Admins(int admId)
{
    var alladmins = data.admins(admId)               
                        .Select(x => new Item(x))
                        .ToList();
    return PartialView("_Admins", alladmins)
}
<script type="text/javascript">
   $(document).ready(function () {
    $("#ddlSearch").select2();
   });

</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<div class="radio">
 <label>
 <input type="radio" name="radio" class="radio" id="IP" value="Progress" checked="checked">
 Progress   
  </label>
 </div>
 <div class="radio">
  <label>
 <input type="radio" name="radio" class="radio" id="pending" value="Pending">
 Pending 
 </label>
 </div>
 
<div id="select" class="Search">
  <div>
  <span id="adminSearch">Administrators</span> <br>
 <select name="ddlSearch" id="ddlSearch" class="form-control">
 <option value="" selected>--Select A Administrator--</option>
 </select>

 </div>
</div>
von4xj4u

von4xj4u1#

在布局文件中包含Jquery/Javascript脚本/引用和CSS样式/引用,而不是部分视图。由于部分视图不是页面重新加载,因此它不会呈现部分页面上可用的任何脚本或样式,相反,它会与已在全页面加载/重新加载时加载的脚本和样式同步。

相关问题