Question

如何将两个特定的javascript函数组合成一个函数以获得所需的效果？或者如果有人有不同的解决方案，我愿意接受。

这是使用jquery.easing.1.3.js将页面滚动到href锚点的JS / Jquery

    $(function() {
           $('a').bind('click',function(event){
                var $anchor = $(this);

                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top
                }, 1500,'easeInOutExpo');
                event.preventDefault();
            });
        });

这是一个较旧的JS隐藏/显示一系列div，只允许在任何给定时间显示一个div。

function NavigateSpecs(thechosenspec) {
    var SPEC = document.getElementsByTagName("div");
    for(var x=0; x<SPEC.length; x++) {
        name = SPEC[x].getAttribute("name");
        if (name == 'SPEC-2') {
              if (SPEC[x].id == thechosenspec) {
                    if (SPEC[x].style.display == 'block') {
                          SPEC[x].style.display = 'none';
                    }
                    else {
                          SPEC[x].style.display = 'block';
                    }
              }else {
                    SPEC[x].style.display = 'none';
              }
        }
     }
    }

我需要结合这两个函数，所以一旦点击一个链接，浏览器就会像第一个JS函数一样滚动到所需的锚点，并显示特定的div，同时隐藏任何其他具有相似id结构的div。

Answer 1

试试吧。如果失败，我会深入研究它。

$(document).ready(function(){
  $(function(e) {
        $('a').bind('click',function(event){
        var $anchor = $(this);

        $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');

            function NavigateSpecs(thechosenspec) {
            var SPEC = document.getElementsByTagName("div");
            for(var x=0; x<SPEC.length; x++) {
            name = SPEC[x].getAttribute("name");
            if (name == 'SPEC-2') {
            if (SPEC[x].id == thechosenspec) {
            if (SPEC[x].style.display == 'block') {
            SPEC[x].style.display = 'none';
            }
            else {
            SPEC[x].style.display = 'block';
            }
            }else {
            SPEC[x].style.display = 'none';
            }
            }
            }
            }

        event.preventDefault();
        });
    });
});

将两个特定的javascript函数组合成一个函数以获得所需的效果？

1 个答案: