Форумы портала PHP.SU :: Версия для печати :: Не могу устронить конфликт

1. pantela - 24 Июля, 2012 - 18:00:50 - перейти к сообщению

Есть JS код в котором устронил конфликт:

CODE (javascript):
скопировать код в буфер обмена

jQuery(document).ready(function($){
/* Scroll Down - Begine */
        $(window).scroll(function(){
                scrollFromTop = $(window).scrollTop();
                if(scrollFromTop >= 120) {
                        $("#Top").css({'position':'fixed'})
                        $("#Top").stop().css({"top": "0px",'z-index':'9999'});
                } else {
                        $("#Top").css({'position':''})
                }
        });
/* Scroll Down - End */
});

Появился ещё один код и файл, делаю по аналогу но всё равно конфликтует.
Код

CODE (javascript):
скопировать код в буфер обмена

                $(document).ready(function(){
                        $('.tTip').betterTooltip({speed: 300, delay: 200});
                });

Файл

CODE (javascript):
скопировать код в буфер обмена

$.fn.betterTooltip = function(options){
        
        /* Setup the options for the tooltip that can be accessed from outside the plugin */
        var defaults = {
                speed: 300,
                delay: 200
        };
        
        var options = $.extend(defaults, options);
        
        /* Create a function that builds the tooltip markup. Then, prepend the tooltip to the body */
        getTip = function() {
                var tTip = 
                        "<div class='tip'>" +
                                "<div class='tipMid'>"  +
                                "</div>" +
                                "<div class='tipBtm'>" +
                                "</div>" +
                        "</div>";
                return tTip;
        }
        $("body").prepend(getTip());
        
        /* Give each item with the class associated with the plugin the ability to call the tooltip */
        $(this).each(function(){
                
                var $this = $(this);
                var tip = $('.tip');
                var tipInner = $('.tip .tipMid');
                
                var tTitle = (this.title);
                this.title = "";
                
                var offset = $(this).offset();
                var tLeft = offset.left;
                var tTop = offset.top;
                var tWidth = $this.width();
                var tHeight = $this.height();
                
                /* Mouse over and out functions*/
                $this.hover(
                        function() {
                                tipInner.html(tTitle);
                                setTip(tTop, tLeft);
                                setTimer();
                        }, 
                        function() {
                                stopTimer();
                                tip.hide();
                        }
                );                 
                
                /* Delay the fade-in animation of the tooltip */
                setTimer = function() {
                        $this.showTipTimer = setInterval("showTip()", defaults.delay);
                }
                
                stopTimer = function() {
                        clearInterval($this.showTipTimer);
                }
                
                /* Position the tooltip relative to the class associated with the tooltip */
                setTip = function(top, left){
                        var topOffset = tip.height();
                        var xTip = (left-45)+"px";
                        var yTip = (top-topOffset-60)+"px";
                        tip.css({'top' : yTip, 'left' : xTip});
                }
                
                /* This function stops the timer and creates the fade-in animation */
                showTip = function(){
                        stopTimer();
                        tip.animate({"top": "+=20px", "opacity": "toggle"}, defaults.speed);
                }
        });
};