jQuery calls asmx web method multiple times

Question

I have a jQuery method that calls a .asmx web service. The jQuery method only executes one time but the web service executes multiple times.

this is the jQuery code that call the web service

// Expand copy to group modal groups
        $(".groupZones .expand").live('click', function() {
            $(this).siblings('.contract').show();
            $(this).css('display', 'none');
            $(this).parent().parent().siblings('.groupDetails').css('display', 'block');
            $(this).parent().parent().siblings('.groupDetails').find('ul.device').find('ul .list').after('');
            var cwpUserId = $('#ctl00_cphBody_hfCwpId').val();
            var groupId = $(this).parent().siblings('.add').find('input').val();
            sortOn = "Location";
            var mode = "dayparts";
            var groupUl = $(this).parent().parent().siblings('.groupDetails').find('ul').find('ul li.head');
            var groupDetails = $(this).parent().parent().siblings('.groupDetails');
            //Get the zone details..
            // Load.

            $.ajax({
                type: "POST",
                url: "ajax/DaypartMessagingGroups.asmx/GetDetailsForCopyToGroup",
                data: "{'groupId':" + groupId + ",'cwpUserId':" + cwpUserId + ",'pageNum':0,'pageSize':5, 'sortOn':'" + sortOn + "','sortDirection':'" + sortDirection + "','mode':'" + mode + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(msg) {
                    //$(btn).parents("ul.list-group-zones").children("li:.head").after(msg.d);
                    $(groupUl).after(msg.d);
                    $('.location').find('.contract').hide();

                    var copyZonePerPage = 5;
                    //var copyZoneItemsCount = $(groupUl).siblings('#hfAllGroupZones').val();
                    var copyZoneItemsCount = $('#hfAllGroupZones').val();
                    var copyZonePages = Math.ceil(copyZoneItemsCount / copyZonePerPage);
                    var copyZoneHtml = '';
                    var copyZoneCurLink = 0;
                    var current_copyzone_pagination_set = 1;
                    var num_of_pagination_shown = 0;
                    alert('Line 2113 CBG');

                    if (copyZonePages > 20) {
                        //var pagesAdded = (parseInt(current_copyzone_pagination_set) - 1) * 10;

                        while (num_of_pagination_shown < 20) {
                            copyZoneHtml += '<a class="page_link_clicked" longdesc="' + copyZoneCurLink + '">' + (copyZoneCurLink + 1) + '</a>';
                            copyZoneCurLink++;
                            num_of_pagination_shown++;
                        }

                        copyZoneHtml += '<a class="page_link" id="btnNextZoneSet" longdesc="' + copyZoneCurLink + '">...</a>';

                    }
                    else {
                        while (copyZonePages > copyZoneCurLink) {
                            copyZoneHtml += '<a class="page_link_clicked" longdesc="' + copyZoneCurLink + '">' + (copyZoneCurLink + 1) + '</a>';
                            copyZoneCurLink++;
                        }
                    }

                    $(groupUl).parent().parent().find('ul li.footer').html(copyZoneHtml);
                    $('.page_link_clicked[longdesc=0]').addClass('current');

                },
                error: function(err) {
                    var err = eval("(" + err.responseText + ")");
                    if (ShowModalLogin(err.ExceptionType)) {
                        alert("An error occurred.");
                    }
                }
            });

        });

after doing more test i see that post is actually being repeated numberous times.

Answer 1

http://api.jquery.com/live/ states that

To stop further handlers from executing after one bound using .live(), the handler must return false. Calling .stopPropagation() will not accomplish this.

I am not sure if that applies here, but you could add a

return false; 

at the end of your click handler and see if it works.