JQuery自定义功能无法正常工作

时间:2017-03-21 17:41:19

标签: javascript jquery function

我正在尝试在我的网站上创建一个投资组合元素,但jquery无效。我的猜测它与changePortfolio()有关,但我不知道如何解决它。

$('.projects a[href^="#"]').on('click',function (e){

        changePortfolio(title, text, src, animation){
                $(".description-head").html(title);
                $(".description-text").html(text);
                $('.preview').attr('src',src);
                $('.preview').animateCss(animation);
        }

        var href = $(this).attr('href');

        switch(href){
            case "#project-portfolio":
                changePortfolio("PORTFOLIO", "This is the portfolio", "img/portfolio.jpg", "slideInLeft");
                break;
        }

感谢您阅读

1 个答案:

答案 0 :(得分:0)

首先,当你点击.projects时,[href ^ =“#”]是执行的jquery代码吗?如果不是可能是这样的错误:$('.projects a[href^="#"]') 你也忘记将changePortfolio声明为一个函数并关闭你的pharentesis。试试这个

    $(document).on('click','.projects a[href^="#"]', function (e){

        function changePortfolio(title, text, src, animation){
                $(".description-head").html(title);
                $(".description-text").html(text);
                $('.preview').attr('src',src);
                $('.preview').animateCss(animation);
        }

        var href = $(this).attr('href');

        switch(href){
            case "#project-portfolio":
                changePortfolio("PORTFOLIO", "This is the portfolio", "img/portfolio.jpg", "slideInLeft");
                break;
        }
});