jQuery not working in update panel

Question

I have written jQuery like below lines of code

     var prmvar = window.Sys.WebForms.PageRequestManager.getInstance();
     prmvar.add_endRequest(function () {
         var j = jQuery.noConflict();
         j(document).ready(function () {
             j('#pagination').jcarousel({

             });
             var count = $("#pagination li").size();
             if (count < 10) {
                 alert(count)
                 j(".jcarousel-prev").css('display', 'none');
                 j(".jcarousel-next").css('display', 'none');
             }
         });
     });

It does not work in update panel. Please help me !!!

I added the following configuration in web.config file

      <system.web.extensions>
      <scripting>
      <scriptResourceHandler enableCompression="false" enableCaching="true" />
      </scripting>
      </system.web.extensions>

It still doesnot work !!!

The problem is in the Sys.WebForms. This will help you http://weblogs.asp.net/chrisri/demystifying-sys-is-undefined — Zoran Pandovski, May 19 '16 at 09:43

score 0 · Answer 1 · answered May 19 '16 at 10:21

0

I don't know if this code will work or not,but you can try this.

j(document).ready(function () {
        var j = jQuery.noConflict();
        j('#pagination').jcarousel({

        });
        var count = $("#pagination li").size();
        if (count < 10) {
            alert(count)
            j(".jcarousel-prev").css('display', 'none');
            j(".jcarousel-next").css('display', 'none');
        }
    });

    var prmvar = window.Sys.WebForms.PageRequestManager.getInstance();
    prmvar.add_endRequest(function () {
        var j = jQuery.noConflict();

            j('#pagination').jcarousel({

            });
            var count = $("#pagination li").size();
            if (count < 10) {
                alert(count)
                j(".jcarousel-prev").css('display', 'none');
                j(".jcarousel-next").css('display', 'none');
            }
    });

answered May 19 '16 at 10:21

KanisXXX

757
7
19

Sorry to say that I have already written the above code j(document).ready(function () { .......}); it still does not work – Nida May 19 '16 at 10:28
it is very strange issue – Nida May 19 '16 at 10:29
it works fine on all the pages except the one page in which it is causing troubles – Nida May 19 '16 at 10:31
Yes , usually this issue happens when there is update panel present on the page. – KanisXXX May 19 '16 at 10:33
Well! is there any solution for it. – Nida May 19 '16 at 10:37
well i usually follow above approach to solve this kind of issue .. here are some links that might helpful for you – KanisXXX May 19 '16 at 10:44
http://www.codeproject.com/Articles/601683/Working-with-jQuery-within-the-ASP-NET-UpdatePanel – KanisXXX May 19 '16 at 10:45

jQuery not working in update panel

1 Answers1