我正在尝试使用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;
});
}
});
});
});
看法:
<div class="owl-carousel owl-carousel5">
<span class="partialContents" data-url="@Url.Action("LoadNew","Home")"></span>
</div>
控制器动作:
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);
}
正如您在注释中提到的,您在Layout中引用了CSS一样,您必须返回View而不是PartialView。所以,
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);
}
应该做的工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句