title: jQuery easyui Uncaught TypeError: Cannot read property 'options' of undefined
body: <p>I am new in jQuery. I am using a <strong>easyui</strong> plugin to use 'tab' functionality in my ASP.NET project. In my project, there are total two tabs on my current page and I am rendering a jQgrid on 2nd tab. When I click on 2nd tab, its  render grid without any problem but its giving an error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'options' of undefined</p>
  </blockquote>
  
  <p>and point this error in <code>jquery.easyui.min.js</code> and that line is as follows: </p>
  
  <pre><code>function _290(_291){
    var opts=$.data(_291,"tabs").options; &lt;== Error is on this line 
    var cc=$(_291);
    if(opts.fit==true){
        var p=cc.parent();
        p.addClass("panel-noscroll");
        if(p[0].tagName=="BODY"){
        $("html").addClass("panel-fit");
    }
  }
  </code></pre>
  
  <p>Is this error because of easyui or any my programming mistake. Is anyone know how to solve this problem??</p>
  
  <p><strong>UPDATE:</strong> My code for tab functionality
  After showing above error, I found that debugger showing an error as a 'anonymous' function on following line where I shown an arrow     </p>
  
  <pre><code>$(document).ready(function () {
    PopulateParcelType(); &lt;== Here (2)
    PopulateItemBatch();
  
    $('#divIGPTabs').tabs({
      border: false,
      fit: false,
      onSelect: function (title, index) {
          LoadInwardGPTabs();
      }
    });
   });
  
   $(window).load(function () {
      $("#divIGPTabs").tabs('resize'); &lt;== Here (1)
      $('#divIGPTabs').height('100%');
   });
  </code></pre>