Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 无法使用jquery mvc 4加载内容_C#_Javascript_Jquery_Asp.net Mvc_Asp.net Mvc 4 - Fatal编程技术网

C# 无法使用jquery mvc 4加载内容

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

我正在尝试使用jquery.load()方法加载部分页面内容。它正在加载内容,但不加载样式。我在网上搜索过,但找不到任何解决方案。我正在分享我迄今为止所做的事情

JQUERY:

$(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);
}