jQuery trabajando en dreamweaver pero no en el navegador

Entonces, aquí está mi código (no todo, solo lo que necesitas entender):

HTML:

  jQuery(document).ready(function(){ jQuery("nav ul ul").each(function(){ var navWidth=jQuery(this).width(); var liWidth=jQuery(this).closest("li").width(); var gaps=navWidth-liWidth; var moveLeft=-gaps/2; jQuery(this).css({"margin-left":moveLeft}); }) })    

CSS:

 nav { text-align: center; margin-top: 5%; margin-bottom: 5%; font-family: Krona One; border-top: 1px solid #fff; text-decoration: none; color: #FFFFFF; font-size: large; } nav ul { list-style-type: none; position:relative; } nav ul li { display: inline-block; padding: 25px; } nav ul li a { color: #FFFFFF; text-decoration: none; } nav ul li a:hover { text-shadow: 0px 0px 20px #FFFFFF; color: #FFFFFF; text-decoration: none; } nav ul li a:hover + ul{ display: block; visibility:visible; } nav ul ul::before { background: url(images/menu_corner.gif) no-repeat 0% 0%; width: 9px; height: 5px; display: block; margin: 0 -5px 0 0; position: absolute; top: -5px; right: 50%; content: ''; } nav ul ul { text-align: center; font-weight: normal; display: none; visibility: hidden; position: absolute; background-color: #2E2E2E; font-family: 'Open Sans', sans-serif; padding-top: 15px; padding-bottom: 15px; line-height: 20px; padding-left: 0px; padding-right: 0px; margin-top: 30px; font-size: 16px; } nav ul ul li { display: block; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin-top: 5px; margin-bottom: 5px; } .border { border-top: 1px solid #434343; } nav ul ul li a:hover { color: #767676; text-decoration: none; text-shadow: 0px 0px 0px; } body { font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-style: normal; font-weight: 400; background-image: url(http://sofes.miximages.com/javascript/qjincKZ.jpg); color: #FFFFFF; margin: 0 0 0 0; background-size: cover; } 

No sé por qué, pero el jQuery funciona solo en dreamweaver … Para trabajar en dreamweaver, tengo que descargar jQuery y agregarlo a la carpeta de contenido, pero para algunos casos, pegué un CDN. Si subo todo a jsfiddle y coloco el código javascript en el cuadro javascript, funciona, pero desde dreamweaver no funciona.

Prueba esto

    

Cree un nuevo documento y pegue lo siguiente dentro de él:

 $(document).ready(function () { $("nav ul ul").each(function () { var navWidth = $(this).width(); var liWidth = $(this).closest("li").width(); var gaps = navWidth - liWidth; var moveLeft = -gaps / 2; $(this).css({ "margin-left": moveLeft }); }); }); 

A continuación, guárdelo como global.js dentro de su carpeta contenedora y luego agregue lo siguiente al encabezado:

   

Esto debería funcionar. Espero que esto ayude.