Автор Тема: совместимость Java script  (Прочитано 954 раз)

0 Пользователей и 1 Гость смотрят эту тему.

Оффлайн kabancheg

  • Новичок
  • *
  • Сообщений: 47
  • карма: +0/-0
    • Просмотр профиля
совместимость Java script
« : 03 Января 2010, 03:40:52 »
Приветствую всех!

Вот такая проблемка с Java Script:
   
    На одной из страниц сайта подключается шапка с меню.
    Меню на java script.

    <script src='myform/jquery.js' type='text/javascript'></script>
 <script>

$(function() {
  $("a[rel]").overlay(function() {
  var wrap = this.getContent().find("div.wrap");
  if (wrap.is(":empty")) {
  wrap.load(this.getTrigger().attr("href"));
  }
  });
  });

</script>
<link href="style2.css" rel="stylesheet" type="text/css">

        <script type="text/javascript">

        $(document).ready(function() {

$("#topnav li").prepend("<span></span>");



$("#topnav li").each(function() {

var linkText = $(this).find("a").html();

$(this).find("span").show().html(linkText);

});



$("#topnav li").hover(function() {   

$(this).find("span").stop().animate({

marginTop: "-40"

}, 250);

} , function() {

$(this).find("span").stop().animate({

marginTop: "0"

}, 250);

});

});


</script>

   
    На этой странице имеется система faq которая тоже работает на Java       script.
   

<script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.faq.js"></script>

    <script type="text/javascript">
        $().ready(function() {
            $('#faq').makeFAQ({
                indexTitle: "Содержание",
                displayIndex: false,
                faqHeader: "h4"

            });
        });
    </script>

Если убираю один из выше показанных скриптов, то другой работает нормально.

Вместе не работают, кто знает почему, подскажите пожалуста.
 

Оффлайн Rex

  • Administrator
  • 7 уровень
  • *****
  • Сообщений: 1811
  • карма: +15/-0
  • Странник
    • Просмотр профиля
    • ВКГУ им. С. Аманжолова
Re: совместимость Java script
« Ответ #1 : 05 Января 2010, 11:09:19 »
Скорее всего идет перекрывание - в первом случае "неявный" селектор a[rel]. Попробуй его поменять, поставь там rel явно, типа

<a rel="menu" href="">Yeah!</a>

Ну а далее

$('a[rel="menu"]').overlay...

P.S. Я писал селекторы как в MooTools, для jQuery может быть отличаться. А может и нет :) Я не являюсь приверженцем jQuery, предпочитаю MooTools :)

Оффлайн kabancheg

  • Новичок
  • *
  • Сообщений: 47
  • карма: +0/-0
    • Просмотр профиля
Re: совместимость Java script
« Ответ #2 : 09 Января 2010, 16:18:10 »
Рахмет, все получилось!