Изображения элементов меню Javascript не прилипают

#javascript #html #css #wordpress

#javascript #HTML #css #wordpress

Вопрос:

У меня есть этот веб-сайт

http://www.acornbusinessconsultants.co.uk/

Меню для разных страниц предназначено для выделения соответствующей страницы серым цветом — оно отлично работало до того, как я преобразовал его в WordPress, но я не уверен, что проблема в этом

Может ли кто-нибудь взглянуть на меня и сказать, что я делаю неправильно: (

Обновить:

Вот код, который я использую — друг скопировал его откуда-то, но я не уверен, как это работает

 <script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;aamp;amp;i<a.lengthamp;amp;(x=a[i])amp;amp;x.oSrc;i  ) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i  )
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j  ].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0amp;amp;parent.frames.length) {
    d=parent.frames[n.substring(p 1)].document; n=n.substring(0,p);}
  if(!(x=d[n])amp;amp;d.all) x=d.all[n]; for (i=0;!xamp;amp;i<d.forms.length;i  ) x=d.forms[i][n];
  for(i=0;!xamp;amp;d.layersamp;amp;i<d.layers.length;i  ) x=MM_findObj(n,d.layers[i].document);
  if(!x amp;amp; d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i =3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j  ]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i 2];}
}
//-->
</script>
  

Комментарии:

1. Не могли бы вы предоставить код для этой части меню?

2. URL-адреса изображений не меняются на активное изображение, которое, я предполагаю, является чем-то, связанным с PHP за кулисами, что мы не можем увидеть, просто взглянув на сайт.

3. Я думаю, что ваш друг скопировал этот JavaScript из 1990-х годов… это старые сценарии ролловера Macromedia. Навевает воспоминания 🙂 Но в любом случае, они обрабатывают только откаты, а не начальный рендеринг изображений, в чем и заключается проблема здесь.

4. LOL awesome — прямо сейчас я собираюсь поискать лучшее меню в сети — можно ли это сделать в CSS?

5. Редактировали ли вы файлы шаблонов WordPress для размещения меню? Если это так, загляните туда, чтобы увидеть, есть ли какая-либо логика в отношении отображения index_ vs undex_ изображений на основе текущей страницы. Я предполагаю, что нет…

Ответ №1:

Основываясь на комментарии, мне кажется, что логика определения текущей страницы отсутствует в шаблоне WordPress.

Вы можете либо продолжать использовать изображения в том виде, в каком они у вас есть, либо, предпочтительно, переключиться на использование CSS для обработки повторных переходов / изменений активных элементов.

В любом случае вам понадобится логика для определения текущей страницы.