JS - 如何将此脚本设置为应用于多个类实例？

Question

我得到了以下脚本，以便它将函数应用于具有类.cloudzoom的所有元素。它有效，但仅适用于第一个元素。我看到有一些东西可以用each（）函数完成，但我对脚本编写还不是很熟悉（还）。

         (function($){
            // When mouse leaves browser...
            $(document).bind('mouseleave',function(){
                // Get the Cloud Zoom instance and close zoom window.
                var cz = $('.cloudzoom').data('CloudZoom');
                cz.closeZoom();
            });
        })(jQuery);

有任何帮助吗？ ：/

Answer 1

试试这个：

     (function($){
        // When mouse leaves browser...
        $(document).bind('mouseleave',function(){
            // Get the Cloud Zoom instances and close their zoom windows.
            $('.cloudzoom').each(function() {
                $(this).data('CloudZoom').closeZoom();
            })
        });
    })(jQuery);

Answer 2

   (function($){
        // When mouse leaves browser...
        $(document).bind('mouseleave',function(){
            // Get the Cloud Zoom instance and close zoom window.
            $('.cloudzoom').each(function(){
               $(this).data('CloudZoom').closeZoom();
            });
        });
    })(jQuery);