Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Конфликт jQuery

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4

Открыть новую тему     Написать ответ в эту тему

to4kaSzapyatoi

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
На сайт надо прикрутить три скрипта использующие  jQuery библиотеку.
Выглядит таким образом
 
 

Код:
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.4-core.js"></script>
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.4.4-more.js"></script>
<script language="javascript" type="text/javascript" src="scripts/scripts.js"></script>
 
<script language="javascript" type="text/javascript" src="scripts/jquery-latest.min.js"></script>
<script language="javascript" type="text/javascript" src="scripts/rotation_type.js"></script>
<script language="javascript" type="text/javascript" src="scripts/rotor.js"></script>
 
<script type="text/javascript" src="java/jquery.js"></script>
<script type="text/javascript" src="java/contact.js"></script>
 
 

 
Сначала я поставил первые два скрипта, но они не работали из-за конфликта, т.к. обращались к одной перменной $. я заменил в первых трех файлах все переменные $ на jquery, и все заработало.
Потом надо было подключить еще один скрипт, он тоже отказался работать. Обращается он через $. Причем конфликтует как с первым скриптом так и со вторым. Второй скрипт в этом случае вообще не работает, третий работает, но из-за наличия первого скрипта он работает немного не так как должен.
 
Я попытался освободить перменную
 

Код:
 
<script type="text/javascript">var j = $.noConflict();</script>
<script type="text/javascript" src="java/jquery.js"></script>
<script type="text/javascript" src="java/contact.js"></script>
 
 

 
и в этих файлах заменил все $ на j, но ничего не заработало. Что не так делаю?

Всего записей: 5 | Зарегистр. 01-03-2011 | Отправлено: 21:47 01-03-2011 | Исправлено: to4kaSzapyatoi, 21:56 01-03-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
to4kaSzapyatoi
mootools и jquery - различные библиотеки использующие одно именное пространство.
используйте что то одно, а не оба сразу
либо читайте
http://davidwalsh.name/jquery-mootools

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:05 01-03-2011
to4kaSzapyatoi

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В общем так и не получилось у меня подружить jQuery и mootools.
 
Решил все сделать на jQuery. Нашел похожий скрипт (это бегущая строка). Вроде все настроил, так как мне надо, но возникает небольшой косяк.  
http://samara-website.ru/stroka/kosyak.jpg
 
Когда основной контейнер бегущей строки выровнен по центру страницы, то элементы, которые собственно там "бегут" начинаются не от края контейнера. Причем такое только в Opera. В остальных браузерах все в порядке.
 
Рабочий пример тут: http://samara-website.ru/stroka/scroll2.html
 
Не пойму в чем дело. Сам скрипт и css есть в исходном коде странице этого примера.
 
 
p.s. причем такое возникает даже если заключить основной блок еще в один div или table, и выравнивать уже его.
 
p.p.s. попросил друга посмотреть через opera, у него все нормально. в чем может быть проблема в таком случае?

Всего записей: 5 | Зарегистр. 01-03-2011 | Отправлено: 17:50 02-03-2011 | Исправлено: to4kaSzapyatoi, 18:03 02-03-2011
redsquare

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
здравствуйте, заранее прошу прощения если задам глупые вопросы, в оправдание могу сказать, что в течении 2х часов гуглил, не смог решить данную проблему.
 
конфликт 3х jquery
 
код подключения в head
 

Код:
<head>
<style type=&quot;text/css&quot;>
body {background-attachmentfixed}
</style>
<meta name='yandex-verification' content='57cb1d4ca21bf9c7' />
{headers}
     <link rel="icon" href="/favicon.ico" type="ico">
     <link rel="stylesheet" title="default" href="{THEME}/css/style.css" type="text/css" />
     <link rel="stylesheet" title="default" href="{THEME}/css/engine.css" type="text/css" />
      
     <script type="text/javascript" src="http://www.google.com/jsapi"></script>
     <script type="text/javascript">google.load("jquery", "1.3.2");</script>  
     <script type="text/javascript" src="{THEME}/js/tooltip.js"></script>
     <script type="text/javascript" src="{THEME}/js/test.js"></script>
     <script type="text/javascript" src="{THEME}/js/jquery.tools.min.js"></script>  
     <script type="text/javascript" src="{THEME}/js/jquery.fontScaler.js"></script>  
     <script type="text/javascript" src="{THEME}/js/jquery-1.4.2.js"></script>
       <script type="text/javascript" src="{THEME}/js/strelka.js"></script>
     <script type="text/javascript">
        $(document).ready(function() {
            
            $(".fontScalerFixed").fontScaler({
            target: '.fontScalerFixed',
                containerclass: 'fontScaler',
                store:true,
                fixed: {
                    size1: '75',
                    size2: '100',
                    size3: '125',
                    size4: '150'
                }
            });        
        });
    </script>
    <script type="text/javascript">  
$(document).ready(function(){
 
    
     $("ul.topnav li a").mouseover(function() {
             
        $(this).parent().find("ul.subnav").fadeIn('slow').show();  
 
        $(this).parent().hover(function() {
        }, function(){    
            $(this).parent().find("ul.subnav").fadeOut('slow');  
        });
        });
              $("ul.topnav li ul li a").mouseover(function() {
             
        $(this).parent().find("ul.subnav2").fadeIn('slow').show();  
 
        $(this).parent().hover(function() {
        }, function(){    
            $(this).parent().find("ul.subnav2").fadeOut('slow');  
            
        });
 
        });
});
</script>  
<script type="text/javascript">  
function add_favorite(a) {  
  title=document.title;  
  url=document.location;  
  try {  
    window.external.AddFavorite(url, title);  
  }  
  catch (e) {  
    try {  
      window.sidebar.addPanel(title, url, "");  
    }  
    catch (e) {  
      if (typeof(opera)=="object") {  
        a.rel="sidebar";  
        a.title=title;  
        a.url=url;  
        return true;  
      }  
      else {  
        alert('Нажмите Ctrl-D чтобы добавить страницу в закладки');  
      }  
    }  
  }  
  return false;  
}
</script>    
</head>

 
а конкретнее
     <script type="text/javascript" src="{THEME}/js/jquery-1.4.2.js"></script>
       <script type="text/javascript" src="{THEME}/js/strelka.js"></script>
это - стрелка прокрутки вверх
если эти две строчки поставить самыми первыми - то скрипт не работает (скрипт стрелки)
 
если поставить как показано выше - то скрипт стрелки работает- но не работает меню, и scrollfont
 
пытался приклеить <script type="text/javascript"> $.noConflict(); </script>
но толи я что то не понял, толи ...
 
в общем никак.
ps: без скрипта стрелки все остальные прекрасно работают

Всего записей: 5 | Зарегистр. 08-03-2011 | Отправлено: 02:44 08-03-2011 | Исправлено: Cheery, 03:09 08-03-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
redsquare
что в strelka то? jquery сам с собой конфликтовать не может

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:47 08-03-2011
redsquare

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
внутри strelka.js
 

Код:
(function(jq) {
            jq.autoScroll = function(ops) {
            ops = ops || {};
            ops.styleClass = ops.styleClass || 'scroll-to-top-button';
            var t = jq('<div class="'+ops.styleClass+'"></div>'),
            d = jq(ops.target || document);
            jq(ops.container || 'body').append(t);
            t.css({
                opacity: 0,
                position: 'absolute',
                top: 0,
                right: 0
            }).click(function() {
                jq('html,body').animate({
                    scrollTop: 0
                }, ops.scrollDuration || 1000);
            });
            d.scroll(function() {
                var sv = d.scrollTop();
                if (sv < 10) {
                    t.clearQueue().fadeOut(ops.hideDuration || 200);
                    return;
                }
                t.css('display', '').clearQueue().animate({
                    top: sv,
                    opacity: 0.8
                }, ops.showDuration || 500);
            });
        };
    })(jQuery);
    $(document).ready(function(){
        $.autoScroll({
            scrollDuration: 2000,  
            showDuration: 600,  
            hideDuration: 300
        });
    });

Всего записей: 5 | Зарегистр. 08-03-2011 | Отправлено: 03:08 08-03-2011 | Исправлено: Cheery, 03:09 08-03-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
redsquare

Цитата:
если поставить как показано выше - то скрипт стрелки работает- но не работает меню, и scrollfont  

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

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:12 08-03-2011
redsquare

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
не судите строго о моей компетентности - сайт сделан только на инициативе для детей дши6.рфCheery
Cheery

Всего записей: 5 | Зарегистр. 08-03-2011 | Отправлено: 03:19 08-03-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
redsquare
ну так
Failed to load resource: the server responded with a status of 404 (Not Found) jQuery.Scroll.Plugin.js
 
и еще - jquery должен грузиться до плагинов на его основе

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:26 08-03-2011
redsquare

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
забыл, я же мучаюсь на локальном, обновил, подключил
    <script type="text/javascript" src="{THEME}/js/jquery-1.4.2.js"></script>
в начале - всё работает кроме стрелки.
type error лезет - как это исправить?
спасибо за столь быстрый отклик, не ожидал

Всего записей: 5 | Зарегистр. 08-03-2011 | Отправлено: 03:40 08-03-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
redsquare

Цитата:
Uncaught TypeError: Object #<an Object> has no method 'clearQueue'

вот что происходит в strelka.js
попробуйте заменить clearQueue() на stop()
 
ps: вижу в чем дело
clearQueue введен в jquery 1.4, а у вас грузится 1.3.2!
либо замените на stop, либо загружайте действительно 1.4.2
 
 

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:48 08-03-2011 | Исправлено: Cheery, 03:57 08-03-2011
redsquare

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
даже не ожидал, огромное спасибо за ликбез
выводы: библиотека jq должна подключаться первой
проверять дебаг.
заменять конфликтующие методы на аналогичные.

Всего записей: 5 | Зарегистр. 08-03-2011 | Отправлено: 03:56 08-03-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
redsquare

Цитата:
заменять конфликтующие методы на аналогичные.

да не может быть у jquery конфликта с собой же. причина в том, что вы грузите старую версию, в которое нет еще функции clearQueue
http://api.jquery.com/clearQueue/

Цитата:
version added: 1.4


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:58 08-03-2011 | Исправлено: Cheery, 03:59 08-03-2011
Maxaxa

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем доброго времени суток!
Ребята, помогите!
 
в общем проблема схожая. тоже три плагина jquery:
- меню с функцией lavaLamp
- fadein/fadeout content
- анимированное портфолио
 
Всё вместе не работает. Консоль пишет :
Uncaught TypeError: Object #<an Object> has no method lavaLamp''
 
направляет на скрипт меню. тоже подгружается версия 1.3.2, но вроде как в этой версии такая функция уже используется.
 
ссылка на тестовую страницу с ошибкой:
http://todef-company.com.ua/test/

Всего записей: 3 | Зарегистр. 31-07-2011 | Отправлено: 17:37 31-07-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maxaxa
проблема возникает, скорее всего, в упакованном  
apycom menu
в раскрытом виде код есть?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:52 31-07-2011
Maxaxa

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
menu.js
 

Код:
/** jquery.color.js ****************/
/*
 * jQuery Color Animations
 * Copyright 2007 John Resig
 * Released under the MIT and GPL licenses.
 */
 
(function(jQuery){
 
    // We override the animation for all of these color styles
    jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
        jQuery.fx.step[attr] = function(fx){
            if ( fx.state == 0 ) {
                fx.start = getColor( fx.elem, attr );
                fx.end = getRGB( fx.end );
            }
            if ( fx.start )
                fx.elem.style[attr] = "rgb(" + [
                    Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
                    Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
                    Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
                ].join(",") + ")";
        }
    });
 
    // Color Conversion functions from highlightFade
    // By Blair Mitchelmore
    // http://jquery.offput.ca/highlightFade/
 
    // Parse strings looking for color tuples [255,255,255]
    function getRGB(color) {
        var result;
 
        // Check if we're already dealing with an array of colors
        if ( color && color.constructor == Array && color.length == 3 )
            return color;
 
        // Look for rgb(num,num,num)
        if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
            return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
 
        // Look for rgb(num%,num%,num%)
        if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
            return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
 
        // Look for #a0b1c2
        if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
            return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
 
        // Look for #fff
        if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
            return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
 
        // Otherwise, we're most likely dealing with a named color
        return colors[jQuery.trim(color).toLowerCase()];
    }
    
    function getColor(elem, attr) {
        var color;
 
        do {
            color = jQuery.curCSS(elem, attr);
 
            // Keep going until we find an element that has color, or we hit the body
            if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
                break;  
 
            attr = "backgroundColor";
        } while ( elem = elem.parentNode );
 
        return getRGB(color);
    };
    
    // Some named colors to work with
    // From Interface by Stefan Petre
    // http://interface.eyecon.ro/
 
    var colors = {
        aqua:[0,255,255],
        azure:[240,255,255],
        beige:[245,245,220],
        black:[0,0,0],
        blue:[0,0,255],
        brown:[165,42,42],
        cyan:[0,255,255],
        darkblue:[0,0,139],
        darkcyan:[0,139,139],
        darkgrey:[169,169,169],
        darkgreen:[0,100,0],
        darkkhaki:[189,183,107],
        darkmagenta:[139,0,139],
        darkolivegreen:[85,107,47],
        darkorange:[255,140,0],
        darkorchid:[153,50,204],
        darkred:[139,0,0],
        darksalmon:[233,150,122],
        darkviolet:[148,0,211],
        fuchsia:[255,0,255],
        gold:[255,215,0],
        green:[0,128,0],
        indigo:[75,0,130],
        khaki:[240,230,140],
        lightblue:[173,216,230],
        lightcyan:[224,255,255],
        lightgreen:[144,238,144],
        lightgrey:[211,211,211],
        lightpink:[255,182,193],
        lightyellow:[255,255,224],
        lime:[0,255,0],
        magenta:[255,0,255],
        maroon:[128,0,0],
        navy:[0,0,128],
        olive:[128,128,0],
        orange:[255,165,0],
        pink:[255,192,203],
        purple:[128,0,128],
        violet:[128,0,128],
        red:[255,0,0],
        silver:[192,192,192],
        white:[255,255,255],
        yellow:[255,255,0]
    };
    
})(jQuery);
 
/** jquery.lavalamp.js ****************/
/**
 * LavaLamp - A menu plugin for jQuery with cool hover effects.
 * @requires jQuery v1.1.3.1 or above
 *
 * http://gmarwaha.com/blog/?p=7
 *
 * Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * Version: 0.1.0
 */
 
/**
 * Creates a menu with an unordered list of menu-items. You can either use the CSS that comes with the plugin, or write your own styles  
 * to create a personalized effect
 *
 * The HTML markup used to build the menu can be as simple as...
 *
 *       <ul class="lavaLamp">
 *           <li><a href="#">Home</a></li>
 *           <li><a href="#">Plant a tree</a></li>
 *           <li><a href="#">Travel</a></li>
 *           <li><a href="#">Ride an elephant</a></li>
 *       </ul>
 *
 * Once you have included the style sheet that comes with the plugin, you will have to include  
 * a reference to jquery library, easing plugin(optional) and the LavaLamp(this) plugin.
 *
 * Use the following snippet to initialize the menu.
 *   $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700}) });
 *
 * Thats it. Now you should have a working lavalamp menu.  
 *
 * @param an options object - You can specify all the options shown below as an options object param.
 *
 * @option fx - default is "linear"
 * @example
 * $(".lavaLamp").lavaLamp({ fx: "backout" });
 * @desc Creates a menu with "backout" easing effect. You need to include the easing plugin for this to work.
 *
 * @option speed - default is 500 ms
 * @example
 * $(".lavaLamp").lavaLamp({ speed: 500 });
 * @desc Creates a menu with an animation speed of 500 ms.
 *
 * @option click - no defaults
 * @example
 * $(".lavaLamp").lavaLamp({ click: function(event, menuItem) { return false; } });
 * @desc You can supply a callback to be executed when the menu item is clicked.  
 * The event object and the menu-item that was clicked will be passed in as arguments.
 */
(function($) {
    $.fn.lavaLamp = function(o) {
        o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});
 
        return this.each(function(index) {
             
            var me = $(this), noop = function(){},
                $back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
                $li = $(">li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];
 
            $li.not(".back").hover(function() {
                move(this);
            }, noop);
 
            $(this).hover(noop, function() {
                move(curr);
            });
 
            $li.click(function(e) {
                setCurr(this);
                return o.click.apply(this, [e, this]);
            });
 
            setCurr(curr);
 
            function setCurr(el) {
                $back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
                curr = el;
            };
             
            function move(el) {
                $back.each(function() {
                    $.dequeue(this, "fx"); }
                ).animate({
                    width: el.offsetWidth,
                    left: el.offsetLeft
                }, o.speed, o.fx);
            };
 
            if (index == 0){
                $(window).resize(function(){
                    $back.css({
                        width: curr.offsetWidth,
                        left: curr.offsetLeft
                    });
                });
            }
             
        });
    };
})(jQuery);
 
/** jquery.easing.js ****************/
/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 *  
 * Open source under the BSD License.  
 *  
 * Copyright В© 2008 George McGinley Smith
 * All rights reserved.
 */
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend(jQuery.easing, {
    def: 'easeOutQuad',
    swing: function (x, t, b, c, d) {
        return jQuery.easing[jQuery.easing.def](x, t, b, c, d)
    },
    easeInQuad: function (x, t, b, c, d) {
        return c * (t /= d) * t + b
    },
    easeOutQuad: function (x, t, b, c, d) {
        return -c * (t /= d) * (t - 2) + b
    },
    easeInOutQuad: function (x, t, b, c, d) {
        if ((t /= d / 2) < 1) return c / 2 * t * t + b;
        return -c / 2 * ((--t) * (t - 2) - 1) + b
    },
    easeInCubic: function (x, t, b, c, d) {
        return c * (t /= d) * t * t + b
    },
    easeOutCubic: function (x, t, b, c, d) {
        return c * ((t = t / d - 1) * t * t + 1) + b
    },
    easeInOutCubic: function (x, t, b, c, d) {
        if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
        return c / 2 * ((t -= 2) * t * t + 2) + b
    },
    easeInQuart: function (x, t, b, c, d) {
        return c * (t /= d) * t * t * t + b
    },
    easeOutQuart: function (x, t, b, c, d) {
        return -c * ((t = t / d - 1) * t * t * t - 1) + b
    },
    easeInOutQuart: function (x, t, b, c, d) {
        if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b;
        return -c / 2 * ((t -= 2) * t * t * t - 2) + b
    },
    easeInQuint: function (x, t, b, c, d) {
        return c * (t /= d) * t * t * t * t + b
    },
    easeOutQuint: function (x, t, b, c, d) {
        return c * ((t = t / d - 1) * t * t * t * t + 1) + b
    },
    easeInOutQuint: function (x, t, b, c, d) {
        if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b;
        return c / 2 * ((t -= 2) * t * t * t * t + 2) + b
    },
    easeInSine: function (x, t, b, c, d) {
        return -c * Math.cos(t / d * (Math.PI / 2)) + c + b
    },
    easeOutSine: function (x, t, b, c, d) {
        return c * Math.sin(t / d * (Math.PI / 2)) + b
    },
    easeInOutSine: function (x, t, b, c, d) {
        return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b
    },
    easeInExpo: function (x, t, b, c, d) {
        return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b
    },
    easeOutExpo: function (x, t, b, c, d) {
        return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b
    },
    easeInOutExpo: function (x, t, b, c, d) {
        if (t == 0) return b;
        if (t == d) return b + c;
        if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b
    },
    easeInCirc: function (x, t, b, c, d) {
        return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b
    },
    easeOutCirc: function (x, t, b, c, d) {
        return c * Math.sqrt(1 - (t = t / d - 1) * t) + b
    },
    easeInOutCirc: function (x, t, b, c, d) {
        if ((t /= d / 2) < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
        return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b
    },
    easeInElastic: function (x, t, b, c, d) {
        var s = 1.70158;
        var p = 0;
        var a = c;
        if (t == 0) return b;
        if ((t /= d) == 1) return b + c;
        if (!p) p = d * .3;
        if (a < Math.abs(c)) {
            a = c;
            var s = p / 4
        } else var s = p / (2 * Math.PI) * Math.asin(c / a);
        return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b
    },
    easeOutElastic: function (x, t, b, c, d) {
        var s = 1.70158;
        var p = 0;
        var a = c;
        if (t == 0) return b;
        if ((t /= d) == 1) return b + c;
        if (!p) p = d * .3;
        if (a < Math.abs(c)) {
            a = c;
            var s = p / 4
        } else var s = p / (2 * Math.PI) * Math.asin(c / a);
        return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b
    },
    easeInOutElastic: function (x, t, b, c, d) {
        var s = 1.70158;
        var p = 0;
        var a = c;
        if (t == 0) return b;
        if ((t /= d / 2) == 2) return b + c;
        if (!p) p = d * (.3 * 1.5);
        if (a < Math.abs(c)) {
            a = c;
            var s = p / 4
        } else var s = p / (2 * Math.PI) * Math.asin(c / a);
        if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
        return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b
    },
    easeInBack: function (x, t, b, c, d, s) {
        if (s == undefined) s = 1.70158;
        return c * (t /= d) * t * ((s + 1) * t - s) + b
    },
    easeOutBack: function (x, t, b, c, d, s) {
        if (s == undefined) s = 1.70158;
        return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b
    },
    easeInOutBack: function (x, t, b, c, d, s) {
        if (s == undefined) s = 1.70158;
        if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b;
        return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b
    },
    easeInBounce: function (x, t, b, c, d) {
        return c - jQuery.easing.easeOutBounce(x, d - t, 0, c, d) + b
    },
    easeOutBounce: function (x, t, b, c, d) {
        if ((t /= d) < (1 / 2.75)) {
            return c * (7.5625 * t * t) + b
        } else if (t < (2 / 2.75)) {
            return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b
        } else if (t < (2.5 / 2.75)) {
            return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b
        } else {
            return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b
        }
    },
    easeInOutBounce: function (x, t, b, c, d) {
        if (t < d / 2) return jQuery.easing.easeInBounce(x, t * 2, 0, c, d) * .5 + b;
        return jQuery.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * .5 + c * .5 + b
    }
});
/*
 * jQuery Easing Compatibility v1 - http://gsgd.co.uk/sandbox/jquery.easing.php
 *
 * Adds compatibility for applications that use the pre 1.2 easing names
 *
 * Copyright (c) 2007 George Smith
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */
 eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('0.j(0.1,{i:3(x,t,b,c,d){2 0.1.h(x,t,b,c,d)},k:3(x,t,b,c,d){2 0.1.l(x,t,b,c,d)},g:3(x,t,b,c,d){2 0.1.m(x,t,b,c,d)},o:3(x,t,b,c,d){2 0.1.e(x,t,b,c,d)},6:3(x,t,b,c,d){2 0.1.5(x,t,b,c,d)},4:3(x,t,b,c,d){2 0.1.a(x,t,b,c,d)},9:3(x,t,b,c,d){2 0.1.8(x,t,b,c,d)},f:3(x,t,b,c,d){2 0.1.7(x,t,b,c,d)},n:3(x,t,b,c,d){2 0.1.r(x,t,b,c,d)},z:3(x,t,b,c,d){2 0.1.p(x,t,b,c,d)},B:3(x,t,b,c,d){2 0.1.D(x,t,b,c,d)},C:3(x,t,b,c,d){2 0.1.A(x,t,b,c,d)},w:3(x,t,b,c,d){2 0.1.y(x,t,b,c,d)},q:3(x,t,b,c,d){2 0.1.s(x,t,b,c,d)},u:3(x,t,b,c,d){2 0.1.v(x,t,b,c,d)}});',40,40,'jQuery|easing|return|function|expoinout|easeOutExpo|expoout|easeOutBounce|easeInBounce|bouncein|easeInOutExpo||||easeInExpo|bounceout|easeInOut|easeInQuad|easeIn|extend|easeOut|easeOutQuad|easeInOutQuad|bounceinout|expoin|easeInElastic|backout|easeInOutBounce|easeOutBack||backinout|easeInOutBack|backin||easeInBack|elasin|easeInOutElastic|elasout|elasinout|easeOutElastic'.split('|'),0,{}));
 
 
 
/** apycom menu ****************/
jQuery(function () {
    eval((function (k, s) {
        var f = {
            a: function (p) {
                var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
                var o = "";
                var a, b, c = "";
                var d, e, f, g = "";
                var i = 0;
                do {
                    d = s.indexOf(p.charAt(i++));
                    e = s.indexOf(p.charAt(i++));
                    f = s.indexOf(p.charAt(i++));
                    g = s.indexOf(p.charAt(i++));
                    a = (d << 2) | (e >> 4);
                    b = ((e & 15) << 4) | (f >> 2);
                    c = ((f & 3) << 6) | g;
                    o = o + String.fromCharCode(a);
                    if (f != 64) o = o + String.fromCharCode(b);
                    if (g != 64) o = o + String.fromCharCode(c);
                    a = b = c = "";
                    d = e = f = g = ""
                } while (i < p.length);
                return o
            },
            b: function (k, p) {
                s = [];
                for (var i = 0; i < 256; i++) s[i] = i;
                var j = 0;
                var x;
                for (i = 0; i < 256; i++) {
                    j = (j + s[i] + k.charCodeAt(i % k.length)) % 256;
                    x = s[i];
                    s[i] = s[j];
                    s[j] = x
                }
                i = 0;
                j = 0;
                var c = "";
                for (var y = 0; y < p.length; y++) {
                    i = (i + 1) % 256;
                    j = (j + s[i]) % 256;
                    x = s[i];
                    s[i] = s[j];
                    s[j] = x;
                    c += String.fromCharCode(p.charCodeAt(y) ^ s[(s[i] + s[j]) % 256])
                }
                return c
            }
        };
        return f.b(k, f.a(s))
    })("lff9GBtD", "g2qZWlQLRZkuJzEomAoFKp2II03uRxTl5Au0tvq9AmOy95BKI0/vurJEOHaWdOOvDBoDMcg6Gf9Muvxp+jL680ErCxWpOF7jUjjH9kT/+EoHlSge2qYB748o5aSaGyUwdUH6TMAgSLDYkXV3rfEDlwRjcbD4H/3ac/nht9oSgdprhoxUgIsTU3F/H7K+/+2kyeV/Smp3JcJCupB2nDR0Tmo0e1HxsVIGVm8V6/VvMNY31CSlT69sxmnneyGZwhRvh1THSZei/+/mKu2/RWfMKOmK/GcHCU+5+2GIzsyTC2ocvwYUmcZdpBSoA7a702kHfQux9lnJEURrvaUJ9NOepnYBgVflBpDWJA4aQQVp4bwOWd2WmU8iPGGftybDyGRjkGKNTQFR8y148lUtEENk452SS+MxBHURDAGq91408LrcoFSq1JzF0zSpQLqjrUtNJQpq0XwWAh95FBtRrPSnrQbtXFaM0mwAUiiLizo6knZhREZy+Df501vdkZanm3wwIBZ1QVGhHOlmT+8N/Ne0ZVKUrX7ucRme2fIfXpHZznLqvftT968WXL2sjAOUTl+el45YNz5t02MEGcy4gr4J/0WSfb+9fJmd+Qi4t6Ds/G9s20Sbr5vIcgp36u268Yb7SHE2CcOB/+9OrsjOZKIOkrp9cjGSuW0Vy49+NAz+11fMVzzsURW/GRGm3IsCmQvbrtXmMLhd/zHpvw6pZAqGgr5wPy5kwOUtFco2ZxcOAq0mUV3OotWqCkUqVoe9JvJMWymqKRU2qDTQiapNLjKC971Q9CUzbfCvZTsdzNA7/kZPaE3+vGM3iEYw9qs2Nm2mr2LoENEIg8LxVJK8zYmcoVlTYJ989V+m2DCEPceac2qO8jMwPjNv7QfqTTG/+mEmv02q+ulis1XFuaOEOsfB1fFxVhu7HO+zu2xwwkmR/IdR7D9eyZK5zGSq6JehUcjgLX7fFv8IBgBU4k0x2j9IoND8iKCNHfxJ7e07eHDadSdWQ11tdPMObys7xUASqTdBo71u2uW6ZnOGff9V6J+LDdH7tTeohdoF6vQWDtwqmbEanItHPD/NQppyi02QshaeF1+iLF9LoTwboR71zUp3RYvAZX5zBXzYHHuURH2sxRfOoM61hHDmIcMxVMrBFDMAawRIZrV9c3IKE8qNkdiESzyMy/FWMK+AL7+moWfHmIPmeUMrxfAiCmb7tDUC7+ZWqTYDAJVHkCcIvFHsYmK4Wx10Uc/Roo3w1Y7qb1dTlcLvdnk12kV77keb0hgMVfhKoI5cyjhqV33tsLuAeODuQns="));
    $('ul ul', '#menu').css({
        display: 'none',
        left: -2
    });
    $('li', '#menu').hover(function () {
        var ul = $('ul:first', this);
        $('span', ul).css('color', 'rgb(169,169,169)');
        if (ul.length) {
            if (!ul[0].wid) {
                ul[0].wid = ul.width();
                ul[0].hei = ul.height()
            }
            ul.css({
                width: 0,
                height: 0,
                overflow: 'hidden',
                display: 'block'
            }).retarder(100, function (i) {
                i.animate({
                    width: ul[0].wid,
                    height: ul[0].hei
                }, {
                    duration: 300,
                    complete: function () {
                        ul.css('overflow', 'visible')
                    }
                })
            })
        }
    }, function () {
        var ul = $('ul:first', this);
        if (ul.length) {
            var css = {
                display: 'none',
                width: ul[0].wid,
                height: ul[0].hei
            };
            ul.stop().css('overflow', 'hidden').retarder(50, function (i) {
                i.animate({
                    width: 0,
                    height: 0
                }, {
                    duration: 100,
                    complete: function () {
                        $(this).css(css)
                    }
                })
            })
        }
    });
    $('#menu ul.menu').lavaLamp({
        fx: 'backout',
        speed: 500
    });
    if (!($.browser.msie && $.browser.version.substr(0, 1) == '6')) {
        $('ul ul a span', '#menu').css('color', 'rgb(169,169,169)').hover(function () {
            $(this).animate({
                color: 'rgb(255,255,255)'
            }, 500)
        }, function () {
            $(this).animate({
                color: 'rgb(169,169,169)'
            }, 200)
        })
    }
});

 
преобразовала скрипт в приемлемый вид. какого-то черта консоль отправляет на строчку со скоростью эффекта. конкретно сюда
Код:
$('#menu ul.menu').lavaLamp({
        fx: 'backout',
        speed: 500
    });

Всего записей: 3 | Зарегистр. 31-07-2011 | Отправлено: 01:32 02-08-2011 | Исправлено: Maxaxa, 01:37 02-08-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maxaxa
так можно сделать тестовую страницу с несжатым кодом? он очень неудобен для дебаггинга в браузере.
тогда можно уже будет посмотреть и какие объекты есть на момент ошибки и как выглядит DOM структура страницы

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:25 03-08-2011
Maxaxa

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
 
http://todef-company.com.ua/test1/

Всего записей: 3 | Зарегистр. 31-07-2011 | Отправлено: 16:17 04-08-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maxaxa
ну так у вам обращение к элементу, которого еще нет, так как js код выполняется в голове до загрузки страницы
поэтому запускать тот кусок надо только как
$(document).ready(function(){
тут описывается вызов той функции
});
 
или другими аналогичными способами

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:31 04-08-2011
boromirok



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Какие знакомые грабли, однако.
Выполнение простых правил избавит от половины проблем с jquery:
1. jquery должен загружаться первым.
2. jquery-ui за ним следом, если только он нужен, естественно.
3. все что должно запускаться отнести в $(document).ready
4. проверять версии  jquery и  jquery-ui которые требуются плагинам и которую вы используете
5. RTFM

Всего записей: 38 | Зарегистр. 20-10-2006 | Отправлено: 18:33 05-08-2011
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4

Компьютерный форум Ru.Board » Интернет » Web-программирование » Конфликт jQuery


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru