Question

我正在尝试从gallery_image_slider()函数中调用名为$(document).ready(function()的函数。

这是我尝试过的，但不起作用。

$(document).ready(function() {

                gallery_image_slider();
            });

            function slider() {

                $('.projects_gallery ol').click(function() {
                    $("p.projects_gallery ol:first").addClass("intro");
                });

            function gallery_image_slider() {

                $('.project_desc_2').hide();
                 $('#project2').hide();
                 $('#description2').hide();

                 $('#project1').hover(function() {
                    $('#description1').show();
                   $('.project_desc_1').show();

                     $('.project_desc_2').hide();
                     $('#description2').hide();
                  });

                $('#project2').hover(function() {
                    $('#description2').show();
                 $('.project_desc_2').show();
                $('.project_desc_1').hide();
                        });


                $('#project1').mouseleave(function() {
                 $('.project_desc_2').hide();
                 $('#description2').hide();
                });     

                $('#project2').mouseleave(function() {
                 $('.project_desc_1').hide();
                 $('#description1').hide();
                }); 

            }
            }

我该怎么做呢？如何在另一个函数中调用多个函数？

Answer 1

您只是语法错误，您可以轻松地从文档准备好调用多个函数

        $(document).ready(function() {

            gallery_image_slider();
            slider(); // <-- do this if you want to, calling multiple function is easy
        });

        function slider() {

            $('.projects_gallery ol').click(function() {
                $("p.projects_gallery ol:first").addClass("intro");
            });
        }  // you missed this

        function gallery_image_slider() {

            $('.project_desc_2').hide();
             $('#project2').hide();
             $('#description2').hide();

             $('#project1').hover(function() {
                $('#description1').show();
               $('.project_desc_1').show();

                 $('.project_desc_2').hide();
                 $('#description2').hide();
              });

            $('#project2').hover(function() {
                $('#description2').show();
             $('.project_desc_2').show();
            $('.project_desc_1').hide();
                    });


            $('#project1').mouseleave(function() {
             $('.project_desc_2').hide();
             $('#description2').hide();
            });     

            $('#project2').mouseleave(function() {
             $('.project_desc_1').hide();
             $('#description1').hide();
            }); 

        }
          // <-- removed extra curly bracket

jquery调用另一个函数

1 个答案: