Вызов двух типов jquery - проблема в IE

Question

Firefox работает отлично, Opera великолепна и Chrome также хорошо работает. IE это проблема. Кажется, это ЛЮБАЯ версия IE.

Сайт имеет значение http://s91532.gridserver.com, и независимо от того, где вы нажимаете, он открывает наше меню javascript сверху.

При наведении курсора на изображения отображается правильный путь и все, но при нажатии просто выпадает раскрывающееся меню «Индекс служения»

Я удалил оскорбительный jquery, который был более старой версией, и сейчас просто вызываю site.js, код которого приведен ниже:

jQuery.noConflict();

jQuery(document).ready(function(){
   $('p#minguide-link a').click(function(){
      if ($('#index-wrapper').is(':hidden')) {
         $('#index-wrapper').slideDown('medium');
         $('p#minguide-link a').addClass('down');
         return false;
      } else {
         $('#index-wrapper').slideUp('medium');
         $('p#minguide-link a').removeClass('down');
         return false;
      }
   });

   var group_width = $('li#nav_groups ul').width();
   var group_adj = ((group_width*-1)/2)+79;
   var care_width = $('li#nav_care--serve ul').width();
   var care_adj = ((care_width*-1)/2)+79;
   var sermon_width = $('li#nav_sermons ul').width() + 2;
   var sermon_adj = ((sermon_width*-1)/2)+79;

   $('li#nav_groups.current ul').css({"left":"auto", "margin-left":group_adj});
   $('li#nav_care--serve.current ul').css({"left":"auto", "margin-left":care_adj});
   $('li#nav_sermons.current ul').css({"left":"auto", "margin-left":sermon_adj});
});

С этим одним призванием ничего не происходит. Кажется, что это сейчас исправлено в IE из того, что я могу сказать.

Теперь, как мне правильно вызвать site.js, чтобы меню правильно выпадало.

Answer 1

Мэтью, замените тег сценария jquery 1.3 на тег сценария jquery 1.4, убедитесь, что все остальные теги сценария помещены ПОСЛЕ тега сценария jquery;)

Answer 2

Я бы повторил строгую рекомендацию, чтобы вы работали с обновленной версией библиотеки, но вы можете попробовать это: включите старый jQuery, затем сразу после этой строки добавьте:

<script>
  jQuery.noConflict();
</script>

А затем включите измененный файл site.js, измененный следующим образом:

jQuery(function($) {
  // existing code
});

Answer 3

Без какой-либо полезной информации (кроме ссылки) все, что я могу сделать, это указать вам на эту статью:

http://codex.wordpress.org/Function_Reference/wp_enqueue_javascript/

Вы должны использовать 1.4.2.У меня никогда не было ни одной проблемы с этим.Вы вызываете конфликтующие версии jQuery, поэтому просто используйте лучшую.

Кроме того, site.js не использует jQuery в режиме совместимости.Вам следует изменить эту первую строку на

jQuery(document).ready(function(){

, а не

$(document).ready(function(){

РЕДАКТИРОВАТЬ

Ваш сайт работает вбесконфликтный режим.Вы должны избавиться от этого $ в начале site.js.Выдает ошибку, прежде чем что-то случится.Чтобы это исправить, все, что вам нужно сделать, это изменить самую первую $ на jQuery.Все остальные $ в порядке.

Вот site.js в jQuery 1.4.2.Просто замените все содержимое файла следующим:

jQuery(document).ready(function() {
   $('p#minguide-link a').click(function(){
      $('#index-wrapper').slideToggle();
      $('p#minguide-link a').toggleClass('down');
      return false;
   });

   var group_width = $('li#nav_groups ul').width();
   var group_adj = ((group_width*-1)/2)+79;
   var care_width = $('li#nav_care--serve ul').width();
   var care_adj = ((care_width*-1)/2)+79;
   var sermon_width = $('li#nav_sermons ul').width() + 2;
   var sermon_adj = ((sermon_width*-1)/2)+79;

   $('li#nav_groups.current ul').css({"left":"auto", "margin-left":group_adj});
   $('li#nav_care--serve.current ul').css({"left":"auto", "margin-left":care_adj});
   $('li#nav_sermons.current ul').css({"left":"auto", "margin-left":sermon_adj});
});

Кроме того, я действительно предлагаю вам посмотреть API jQuery .Это супер легко учиться и очень интуитивно организовано / выложено.И поиск это ветер.