gpt4 book ai didi

javascript - 由于 Visual Studio MVC 中的 div,CSS 未加载

转载 作者:行者123 更新时间:2023-11-28 00:14:33 30 4
gpt4 key购买 nike

我正在使用 visual studio 2013 MVC,我的 _Layout 有一个模板,所有脚本都加载到我的 View 索引中,在我的 _layout 中我有一个导航栏,导航栏应该有一个消息下拉菜单使用大量的 css 和 js。

当我将消息作为部分 View 加载时,一切正常,但是当我尝试使用 JQuery 自行重新加载数据时,我必须将它放在一个 div 中。这样做会破坏所有样式,就像没有 Css 一样,我也尝试过仅更改父 div 的 id,这也破坏了样式。我正在使用 AdminLTE 2。

例子:

当它是这样的时候,它就起作用了

<li class="dropdown notifications-menu">
<!-- Menu toggle button -->
@Html.Action("Notifications", "Home")
</li>

只是把它改成这样就破坏了风格

<li class="dropdown notifications-menu">
<!-- Menu toggle button -->
<div>
@Html.Action("Notifications", "Home")
</div>
</li>

此外,这就是我重新加载该部分的方式

<script>
window.onload = function () {
refreshNotifications();
}

function refreshNotifications() {
console.log("Reload...");
$.ajax({
url: 'Home/Notifications',
type: 'get',

success: function(result) {
//$("#partialsgpthing").html(result);

// $("#navbar").html(result);
}
});

setTimeout('refreshNotifications()', 30000);
}
</script>

我正在使用 public PartialViewResult Notifications()在我的 Controller 中

局部 View 是这样的:

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bell-o"></i>
<span class="label label-warning">@ViewBag.Notifications</span>
</a>
<ul class="dropdown-menu">
<li class="header">Tiene @ViewBag.Notifications notificaciones</li>
<li>
<!-- Inner Menu: contains the notifications -->
<ul class="menu" style=" max-height: 200px; margin: 0; padding: 0; list-style: none; overflow-x: hidden;">
@foreach (string notification in ViewBag.NotificationMsgs) {
<li>
@{string[] detail = notification.Split('|');}

<!-- start notification -->

<a href="@detail[8]">
<i class="fa @detail[3] @detail[4]"></i> @detail[5]<br />@detail[2]
</a>
</li>
}
<!-- end notification -->
</ul>
</li>
<li class="footer"><a href="#">Ver todas</a></li>
</ul>

如何使样式起作用或使用不同的方法不断重新加载该部分?我认为主要是任何不使用 div 的东西都可以工作。

我正在从数据库加载数据,所以它必须通过 Controller 。

在 _layout 上我只放置了 <body> adminlte,然后在页面的主要区域我放置了 @renderbody()呈现索引。该索引包含 Adminlte 模板和大多数脚本的

最佳答案

有样式

<style type="text/css">
.dropdown {font-size:2em;}
.notifications-menu {color:red;}
.dropdown div, .notifications-menu div {font-weight:bold;}
</style>

和列表项

<ul>
<li class="dropdown notifications-menu">
<!-- Menu toggle button -->
@Html.Action("Notifications", "Home")
</li>
</ul>
<ul>
<li class="dropdown notifications-menu">
<!-- Menu toggle button -->
<div>
@Html.Action("Notifications", "Home")
</div>
</li>
</ul>

我发现类选择器 .dropdown 或 .notifications-menu 传递的样式效果没有差异,并且对 div 元素的额外特殊性也按预期工作。您的样式选择器是如何声明的?

关于javascript - 由于 Visual Studio MVC 中的 div,CSS 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55191970/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com