2015-06-17 15 views
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> 
+0

檢查您的文檔類型 – dandavis

+0

,你能告訴我們的模板代碼? – Eyescream

+0

這一直在困擾我幾天,所以我將它導出到一個外部JavaScript文件,當我試圖重新導入到一個內聯腳本來複制它已修復的錯誤...仍然嘗試工作爲什麼發生這種情況,這個問題'下殼'我的JavaScript已經發生在這個項目上,但最後一次是當我通過視覺工作室寫我的腳本..我很想知道是否有其他人已經經歷了這一點。 .. 我不明白爲什麼它會這樣 – MintWelsh

回答