Load More Discover

// 1. here sample on sorkao
  $('#more-charity').click(function(e){
          // $(this).prop("disabled",true);
          e.preventDefault();
          var l = Ladda.create(this);
          l.start();
          setTimeout(
            function()
            {
                  //do something special
                  // alert('test');
                  // l.setProgress( 0.5 );
                  // l.stop();
                }, 1000);
           l.stop();
          return false;

        });


// 2. wrong implementation on v3
 $('#more-charity').click(function (ev) {

                    ev.preventDefault();

                    var l = Ladda.create(this);
                    $(this).addClass("disabled");
                    l.start();

                    var form = $('#charity-form');
                    var $container = $('#charity-result');
                    $.ajax({
                        type: "GET",
                        cache: false,
                        url: form.attr('action'),
                        data: form.serialize(),
                        success: function (response) {
                            var $container = $('#charity-result');
                            newItems = $(response);

                            if (window.discoverMode != "list") {
                                $container.append(newItems);
                            } else {
                                for (var i = 0, l = newItems.length; i < l; i++) {
                                    $(newItems[i]).removeClass("grid col-md-4 col-sm-4 ").addClass("list");
                                }
                                $container.append(newItems);
                            }
                            var startIndex = $("#charity-form input[name='StartIndex']");
                            var newValue = startIndex.val() + 6;
                            startIndex.val(newValue);
                        }

                    });
                    l.stop();

                    $(this).removeClass("disabled");
                    return false;


                });


// 3.try this implementation on v3
 $('#more-charity').click(function (ev) {

                    ev.preventDefault();
                    var l = Ladda.create(this);

                    var form = $('#charity-form');
                    var $container = $('#charity-result');
                    $.ajax({
                        type: "GET",
                        cache: false,
                        url: form.attr('action'),
                        data: form.serialize(),
            beforeSend: function(){
                          l.start();
                        },
                        success: function (response) {
                            var $container = $('#charity-result');
                            newItems = $(response);

                            if (window.discoverMode != "list") {
                                $container.append(newItems);
                            } else {
                                for (var i = 0, l = newItems.length; i < l; i++) {
                                    $(newItems[i]).removeClass("grid col-md-4 col-sm-4 ").addClass("list");
                                }
                                $container.append(newItems);
                            }
                            var startIndex = $("#charity-form input[name='StartIndex']");
                            var newValue = startIndex.val() + 6;
                            startIndex.val(newValue);
                l.stop();
                        }

                    });


                    $(this).removeClass("disabled");
                    return false;


                });