popup on click not open Uncaught TypeError: Cannot read property 'top' of undefined

Question

I face a situation where google chrome returns

Uncaught TypeError: Cannot read property 'top' of undefined

This is my jquery code

$(document).on('click', '.show_popup', function(){ document.body.style.overflow = "hidden"; $('body').css('overflow', 'hidden'); callAjax($(this).attr('href'), 'mode=ajax', function(t){ $('.popup-screen').html(t); $('.main-overlay').show(); // $('').raty(); $('#star').raty({ click: function(score, evt) { $('#review_rating').val( score); } }); // window.scroll(0,0); $("html, body").animate({ scrollTop: $(".screenTable").offset().top },500); }); return false; });

Please help and also after error at

XMLHttpRequest.self.xmlHttpReq.onreadystatechange

What about the .screenTable element(s)? Can you ensure that at least one matching element exists on your HTML when this code is run? — 31piy
– 31piy, Commented Jul 27, 2017 at 5:31
Go into the debugger and find out what the value of $(".screenTable").offset() is — Syntactic Fructose
– Syntactic Fructose, Commented Jul 27, 2017 at 5:31

Ambrish Pathak · Accepted Answer · 2017-07-29 02:46:00Z

This error is showing up because element with class .screenTable could not be found.

You can check the existence of element before calling top to prevent error

 var STable = $('.screenTable'); if (STable.length) //1 { $("html, body").animate({ scrollTop: $(".screenTable").offset().top },500); alert("top"); } else{ alert("element not found, so no top"); }

Always wrap your function under $( document ).ready() More info on document.ready

$( document ).ready(function() { //All elements has been loaded and are available. });

Collectives™ on Stack Overflow

popup on click not open Uncaught TypeError: Cannot read property 'top' of undefined

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related