1
使用Umbraco 7.2時,當我嘗試在內嵌(在模板頁面上)寫javascript時使用chrome開發工具時我使用chrome開發工具,我注意到它將所有javascript小寫,所以「.addClass」變成「.addclass」並且不被識別。
奇怪的是,這似乎只發生在鉻,在Firefox和IE瀏覽器顯示正確。在Umbraco中,嵌入式JavaScript在Chrome中轉爲小寫
我知道使用內聯javascript不是Umbraco的最佳實踐,但任何人都可以告訴我爲什麼它可能會這樣做?
@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<header>
<nav class="nav-menu">
<ul class="nav-menu-main">
<li><a href="/" class="nav-home glyphicon glyphicon-home"></a></li>
<li>
<a href="/">one</a><span></span>
<ul class="nav-menu-sub">
@foreach (var item in CurrentPage.Site().adviserZone)
{
var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
var linkTarget = (bool)item.newWindow ? "_blank" : null;
<li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
}
</ul>
</li>
<li>
<a href="/">two</a><!--<span class="caret"></span>-->
<ul class="nav-menu-sub">
@foreach (var item in CurrentPage.Site().knowledgeCentre)
{
var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
var linkTarget = (bool)item.newWindow ? "_blank" : null;
<li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
}
</ul>
</li>
<li>
<a href="/partners">three</a><span></span>
<ul class="nav-menu-sub">
@foreach (var item in CurrentPage.Site().partners)
{
var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
var linkTarget = (bool)item.newWindow ? "_blank" : null;
<li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
}
</ul>
</li>
<li>
<a href="/">four</a><span></span>
<ul class="nav-menu-sub">
@foreach (var item in CurrentPage.Site().products)
{
var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
var linkTarget = (bool)item.newWindow ? "_blank" : null;
<li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
}
</ul>
</li>
<li>
<a href="/">five</a><span></span>
<ul class="nav-menu-sub">
@foreach (var item in CurrentPage.Site().inTheNews)
{
var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
var linkTarget = (bool)item.newWindow ? "_blank" : null;
<li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
}
</ul>
</li>
</ul>
</nav>
@{
IPublishedContent current = (CurrentPage);
Stack<dynamic> pages = new Stack<dynamic>();
while (current.Level > 1)
{
pages.Push(current);
current = current.Parent;
}
}
<div class="breadcrumb-bar">
<ul class="breadcrumbs container">
<li><a href="/">Home</a></li>
@foreach (var page in pages)
{
var cls = page.Id == CurrentPage.Id ? "current" : "";
<li class="@cls"><a href="@page.Url">@page.Name.ToLower()</a></li>
}
</ul>
</div>
</header>
<div class="container body-content">
@RenderBody()
</div>
<footer>
</footer>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.2.3.2.js"></script>
@*<script type="text/javascript" src="/scripts/main.js"></script>*@
<script>
var menuItem = $(".nav-menu-main > li > a");
var subMenu = $(".nav-menu-sub")
$(subMenu).mouseover(function() {
$(this).parent().children(menuItem).addClass("hover-active");
});
$(subMenu).mouseout(function() {
$(this).parent().children(menuItem).removeClass("hover-active");
});
</script>
</body>
</html>
檢查您的文檔類型 – dandavis
,你能告訴我們的模板代碼? – Eyescream
這一直在困擾我幾天,所以我將它導出到一個外部JavaScript文件,當我試圖重新導入到一個內聯腳本來複制它已修復的錯誤...仍然嘗試工作爲什麼發生這種情況,這個問題'下殼'我的JavaScript已經發生在這個項目上,但最後一次是當我通過視覺工作室寫我的腳本..我很想知道是否有其他人已經經歷了這一點。 .. 我不明白爲什麼它會這樣 – MintWelsh