.js 文件中的调用函数

Question

我对这个函数有一个大问题：

(function($) {

    $.fn.scrollPagination = function(options) {
function getData() {
                $.post('load.php', {
                    action: 'scrollpagination',
                    number: $settings.nop,
                    offset: offset,
                }, function(data) {

                    // Change loading bar content (it may have been altered)
                    $this.find('.loading-bar').html($initmessage);

                    // If there is no data returned, there are no more posts to be shown. Show error
                    if (data == "") {
                        $this.find('.loading-bar').html('<span class="label label-info">No News</span>');
                    }
                    else {

                        // Offset increases
                        offset = offset + $settings.nop;

                        // Append the data to the content div
                        $this.find('.content').append(data);

                        // No longer busy!  
                        busy = false;
                    }

                });

            }

            getData(); // Run function initially
  });
    }

})(jQuery);

（来自：http://www.inserthtml.com/2013/01/scroll-pagination/）

我将在另一个 HTML 文件中调用函数“getData”。

$(document).ready(function() {
                    $('#statustext').submit(function() {
                        ....
                        })
                                .done(function(data) {
                                    getData();
                                })
                                .fail(function() {
                                    ...
                                });
                        return false;
                    });
                });

但是，这行不通。大家可以帮帮我吗？ 我在 Stackoverflow 和 Google 中搜索过，但一无所获。

Answer 1

(函数($) {

$.fn.scrollPagination = function(options) {

    var settings = {
        nop     : 10, // The number of posts per scroll to be loaded
        offset  : 0, // Initial offset, begins at 0 in this case
        error   : '', // When the user reaches the end this is the message that is
                                    // displayed. You can change this if you want.
        delay   : 500, // When you scroll down the posts will load after a delayed amount of time.
                       // This is mainly for usability concerns. You can alter this as you see fit
        scroll  : true // The main bit, if set to false posts will not load as the user scrolls. 
                       // but will still load if the user clicks.
    }

    // Extend the options so they work with the plugin
    if(options) {
        $.extend(settings, options);
    }

    // For each so that we keep chainability.
    return this.each(function() {       

        // Some variables 
        $this = $(this);
        $settings = settings;
        var offset = $settings.offset;
        var busy = false; // Checks if the scroll action is happening 
                          // so we don't run it multiple times

        // Custom messages based on settings
        if($settings.scroll == true) $initmessage = '';
        else $initmessage = '';

        // Append custom messages and extra UI
        $this.append('<div class="content"></div><div class="loading-bar">'+$initmessage+'</div>');

        function getData() {

                        $("#loader").fadeIn(400).html('<img src="http://zingclub.in/images/loading.gif" align="absmiddle">&nbsp;Loading Images');


            // Post data to ajax.php
            $.post('ajax.php', {
                category :$('#category').val(),
                category1:$('#category1').val(),
                subcat:$('#subcat').val(),
                area:$('#filter_area1').val(),
                action        : 'scrollpagination',
                number        : $settings.nop,
                offset        : offset,

            }, function(data) {

                // Change loading bar content (it may have been altered)
                $this.find('.loading-bar').html($initmessage);


                // If there is no data returned, there are no more posts to be shown. Show error
                if($('#filter_area1').val()!='empty')
                    {

                            $this.find('.content').html('');

                            $this.find('.content').html(data);


                    }
                else if(data == "") { 
                    $this.find('.loading-bar').html($settings.error);   
                }
                else {

                    // Offset increases
                    offset = offset+$settings.nop; 

                    // Append the data to the content div
                    $this.find('.content').append(data);

                    // No longer busy!  
                    busy = false;

                }   

            });

        }   

        if($('#filter_area1').val()!='empty')

                    {
                        var a=  $('#filter_area1');
                            $this.find('.content').hide.html(data)();
                            $a.append( data ).append( $loader.hide() );
                    }
                    else
                    {
        getData(); // Run function initially
                    }

        // If scrolling is enabled
        if($settings.scroll == true) {
            // .. and the user is scrolling
            $(window).scroll(function() {

                // Check the user is at the bottom of the element
                if($(window).scrollTop() + $(window).height() > $this.height() && !busy) {

                    // Now we are working, so busy is true
                    busy = true;

                    // Tell the user we're loading posts
                    $this.find('.loading-bar').html('');

                    // Run the function to fetch the data inside a delay
                    // This is useful if you have content in a footer you
                    // want the user to see.
                    setTimeout(function() {

                        getData();

                    }, $settings.delay);

                }   
            });
        }

        // Also content can be loaded by clicking the loading bar/
        $this.find('.loading-bar').click(function() {

            if(busy == false) {
                busy = true;
                getData();
            }

        });

    });
}

})(jQuery);