$hiddenDiv is not defined


Topic: $hiddenDiv is not defined

pleaseguideme pro asked 7 years ago

This is the code:
import Waves from 'waves';
window.Waves = Waves;

Waves.attach('.btn:not(.btn-flat), .btn-floating', ['waves-light']);
Waves.attach('.btn-flat', ['waves-effect']);
Waves.attach('.view a .mask', ['waves-light']);
Waves.attach('.waves-light', ['waves-light']);
Waves.attach('.navbar-nav a:not(.navbar-brand), .nav-icons li a, .navbar input', ['waves-light']);
Waves.attach('.pager li a', ['waves-light']);
Waves.attach('.pagination .page-item .page-link', ['waves-effect']);
Waves.init();

And this is the error:

Uncaught ReferenceError: $hiddenDiv is not defined

I use webpack for compiling!

Jakub Strebeyko staff answered 7 years ago

Hi there,

Thanks for reaching out! Honestly, I am feeling a bit perplexed at the moment. The snippet attached is part of the waves effect, while the error presumed regards the jQuery $hidddenDiv variable used in textarea auto-resize functionality. The two are unrelated, except the fact that both should be included into the JavaScript compilation output file. There seems to be high possibility the issue lies in the way webpack compiles your project, please refer to your applied Webpack configuration file.

With Best Regards,
Kuba


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No