C# 无法使用jquery mvc 4加载内容
我正在尝试使用jquery.load()方法加载部分页面内容。它正在加载内容,但不加载样式。我在网上搜索过,但找不到任何解决方案。我正在分享我迄今为止所做的事情 JQUERY:C# 无法使用jquery mvc 4加载内容,c#,javascript,jquery,asp.net-mvc,asp.net-mvc-4,C#,Javascript,Jquery,Asp.net Mvc,Asp.net Mvc 4,我正在尝试使用jquery.load()方法加载部分页面内容。它正在加载内容,但不加载样式。我在网上搜索过,但找不到任何解决方案。我正在分享我迄今为止所做的事情 JQUERY: $(function () { var site = site || {}; site.baseUrl = site.baseUrl || ""; $(document).ready(function (e) { $(".partialContents").each(functi
$(function () {
var site = site || {};
site.baseUrl = site.baseUrl || "";
$(document).ready(function (e) {
$(".partialContents").each(function (index, item) {
var url = site.baseUrl + $(item).data("url");
if (url && url.length > 0) {
$(item).load(url, function (response, status, xhr) {
if (status == "error") {
alert(xhr.status);
}
return false;
});
}
});
});
});
视图:
控制器操作:
public async Task<ActionResult> LoadNew()
{
var viewModel = new CategoryViewModel();
viewModel.Products = await db.Products.Include(c => c.Reviews).Include(c => c.CategoryContents).Include(c => c.Affiliates).ToListAsync();
return PartialView("_NewProducts", viewModel);
}
public异步任务LoadNew()
{
var viewModel=new CategoryViewModel();
viewModel.Products=await db.Products.Include(c=>c.Reviews)。Include(c=>c.CategoryContents)。Include(c=>c.associates.toListSync();
返回PartialView(“新产品”,viewModel);
}
正如您在评论中提到的,您在布局中引用了css,您必须返回视图而不是PartialView。
所以
public异步任务LoadNew()
{
var viewModel=new CategoryViewModel();
viewModel.Products=await db.Products.Include(c=>c.Reviews)。Include(c=>c.CategoryContents)。Include(c=>c.associates.toListSync();
返回视图(“新产品”,视图模型);
}
应该这样做。样式引用是在您试图加载的页面中,还是在布局中?它们是相对的还是绝对的?@user3558931它们是相对的,在主布局文件中,我猜原因是因为样式表路径是相对的。。。您可以使用开发工具进行确认。它们至少应该基于web根目录才能工作。示例
css/styles.css
不起作用,但/css/styles.css
会起作用。@user3558931我的链接是这样的“/css/styles.css”但不起作用。它不显示任何内容。您可以使用一些开发工具查看是否有人试图加载样式,如果有,路径是什么?
public async Task<ActionResult> LoadNew()
{
var viewModel = new CategoryViewModel();
viewModel.Products = await db.Products.Include(c => c.Reviews).Include(c => c.CategoryContents).Include(c => c.Affiliates).ToListAsync();
return PartialView("_NewProducts", viewModel);
}
public async Task<ActionResult> LoadNew()
{
var viewModel = new CategoryViewModel();
viewModel.Products = await db.Products.Include(c => c.Reviews).Include(c => c.CategoryContents).Include(c => c.Affiliates).ToListAsync();
return View("_NewProducts", viewModel);
}