Question

让我提前告诉你，无冲突脚本也没有用，我的问题是：

我有一个网站，我制作了一些动画，使用动画库和其他一些动画

$(document).ready(function ($) {
    $(document).on("scroll", onScroll);

//smoothscroll
$('a[href^="#"]').on('click', function (e) {
    e.preventDefault();
    $(document).off("scroll");

    $('a').each(function () {
        $(this).removeClass('active');
    })
    $(this).addClass('active');

    var target = this.hash,
        menu = target;
    $target = $(target);
    $('html, body').stop().animate({
        'scrollTop': $target.offset().top+2
    }, 1000, 'swing', function () {
        window.location.hash = target;
        $(document).on("scroll", onScroll);
    });
});
});


function onScroll(event){
    var scrollPos = $(document).scrollTop();
    $('.nav-ul-home a').each(function () {
        var currLink = $(this);
        var refElement = $(currLink.attr("href"));
        if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
            $('.navbar-home ul li a').removeClass("active");
            currLink.addClass("active");
        }
        else{
            currLink.removeClass("active");
        }
    });
}


$(window).scroll(function() {   





var scroll = $(window).scrollTop();

if (scroll > 100) {
    $(".navbar-home").addClass("navbar-section");
    $(".nav-ul-home").addClass("nav-ul-section");
}
else{
 $(".navbar-home").removeClass("navbar-section");
  $(".nav-ul-home").removeClass("nav-ul-section");
}
});



$(function() {
  var Accordion = function(el, multiple) {
    this.el = el || {};
    // more then one submenu open?
    this.multiple = multiple || false;

var dropdownlink = this.el.find('.dropdownlink');
dropdownlink.on('click',
                { el: this.el, multiple: this.multiple },
                this.dropdown);


 };

  Accordion.prototype.dropdown = function(e) {
    var $el = e.data.el,
        $this = $(this),
        //this is the ul.submenuItems
        $next = $this.next();

$next.slideToggle();
$this.parent().toggleClass('open');

if(!e.data.multiple) {
  //show only one menu at the same time
  $el.find('.submenuItems').not($next).slideUp().parent().removeClass('open');
}


 }

  var accordion = new Accordion($('.accordion-menu'), false);
})

这是我的动画脚本

$(window).on('scroll', function (e) {
   var top = $(window).scrollTop() + $(window).height(),
       isVisible = top > $('#texto p').offset().top;
   $('#texto p').toggleClass('animated fadeInUp', isVisible);
});

$(window).on('scroll', function ($) {
   var top = $(window).scrollTop() + $(window).height(),
       isVisible = top > $('in img').offset().top;
    $('in img').toggleClass('magictime tinRightIn', isVisible);
});

$(window).on('scroll', function ($) {
   var top = $(window).scrollTop() + $(window).height(),
       isVisible = top > $('in p').offset().top;
    $('in p').toggleClass('magictime puffIn', isVisible);
});

我只把它中的一部分因为它基本上每个案例重复它自己......

现在......我有jquery和jquery-min的链接我需要这个代码的jquery和联系表单的jquery-min，问题是当我有两个链接时动画不起作用... 如果我删除jquery-min链接一切都很好，但联系表格不起作用......

也许如果有人有一个JS的联系表单模板，但不需要jquery-min，问题就解决了。

抱歉，我在这里发布了一个新的方式。

谢谢！

jQuery jQuery-min冲突

0 个答案: