Warum funktioniert das MVC JavaScript Sticky Menu nur, wenn in der URL nicht/controller/action verwendet wird?

Question

Ich verwende MVC 5 und habe eine HTML5 Rich-Vorlage aus dem von mir erworbenen Web importiert. Ich habe die Anwendung erfolgreich von einfachem HTML mit JavaScript portiert, um damit zu passen, wie MVC mit Skripten und Routing arbeitet. Ich mache kein benutzerdefiniertes Routing innerhalb der Anwendung, so dass die Standard/Controller/Aktion-Art der Handhabung von URLs immer noch intakt ist. Alles funktioniert perfekt, wenn ich zur Haupt-URL ohne Pfad localhost: navigiere. Alles funktioniert perfekt, wenn ich ohne Aktion zum Home-Controller navigiere: localhost:/home.

Hier kommt die Frage ins Spiel. Nur ein paar der JavaScript-Funktionen funktionieren nicht, wenn ich tatsächlich einen Aktionsaufruf in der URL wie localhost verwenden:/home/index.

Warum würde es perfekt funktionieren, bis Sie eine Aktion angeben, dann plötzlich nur ein paar der Funktionen fehlschlagen? Mehrere Animationen und alles Styling scheint intakt zu sein. Es gibt eine Menge JavaScript-Dateien, um an den Code zu kommen, aber die zwei, die nicht funktionieren, sind ein klebriges Menü "tmstickup.js" (nicht sicher, woher das kam) und die Kamera-Diashow von Pixedelic: www.pixedelic. com.

Hier ist das Snippet des Menücodes, den ich in _Layout.cshtml verwende. Das Menü scrollt nur im gescheiterten Szenario vom Bildschirm und koppelt nicht wie erwartet an der Spitze.

<header id="header"> 
    <div id="stuck_container"> 
     <div class="container"> 
      <div class="row"> 
       <div class="grid_4"> 
        <h1> 
         <a href="@Url.Action("Index","Home")"><img src="~/Content/images/logo.png" alt="discov" /></a> 
        </h1> 
       </div> 
       <div class="grid_8"> 
        <nav> 
         <ul class="sf-menu"> 
          <li class="current">@Html.ActionLink("Home", "Index", "Home")<strong></strong></li> 
          <li>@Html.ActionLink("About", "About", "Home")<strong></strong></li> 
          <li>@Html.ActionLink("Services and prices", "Services", "Home")<strong></strong></li> 
          <li>@Html.ActionLink("Order online", "Order", "Home")<strong></strong></li> 
          <li id="last-li">@Html.ActionLink("Contact us", "Contact", "Home")<strong></strong></li> 
         </ul> 
        </nav> 
       </div> 
      </div> 
     </div> 
    </div> 
</header> 

Hier ist der Code von meinem Home/Index.cshtml. Keines der Bilder wird angezeigt, und alle drei Wortgruppen werden nur übereinander angezeigt.

<div class="camera_main_container wow fadeIn"> 
    <div class="slider_wrapper"> 
     <div class="" id="camera_wrap"> 
      <div data-src="@Url.Content("~/Content/images/slide1.jpg")"> 
       <div class="caption fadeIn"> 
        <div class="caption_bg"> 
         <span class="slider_txt1">Let professional </span> 
         <span class="slider_txt2">appraiser help you </span> 
         <span class="slider_txt3">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. in voluptate.</span> 
         <a href="#" class="camera_more_btn">Read more</a> 
        </div> 
       </div> 
      </div> 

      <div data-src=@Url.Content("~/Content/images/slide2.jpg")> 
       <div class="caption fadeIn"> 
        <div class="caption_bg"> 
         <span class="slider_txt1">Discover the </span> 
         <span class="slider_txt2 color4">value of your home</span> 
         <span class="slider_txt3 color4">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. in voluptate.</span> 
         <a href="#" class="camera_more_btn v2">Read more</a> 
        </div> 
       </div> 
      </div> 

      <div data-src=@Url.Content("~/Content/images/slide3.jpg")> 
       <div class="caption fadeIn"> 
        <div class="caption_bg"> 
         <span class="slider_txt1">You should know</span> 
         <span class="slider_txt2 color4">the price</span> 
         <span class="slider_txt3 color4">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. in voluptate.</span> 
         <a href="#" class="camera_more_btn v2">Read more</a> 
        </div> 
       </div> 
      </div> 

     </div> 
    </div> 
</div> 

Answer 1

Ich löste mein eigenes Problem. Es gab eine zusätzliche CSS-Klasse, die ich zufällig an die Spitze gesetzt hatte und die verschachtelte CSS-Klassen nicht mehr traf. DOH