Waves-effect not working when I add href


Topic: Waves-effect not working when I add href

gigm pro asked 7 years ago

Waves-effect not working when I add href to any elemnt, but without it it works, Now it just navigate without the wave effect

Bartłomiej Malanowski staff pro premium commented 7 years ago

Could you please provide us more details? Please share an example code with that issue

gigm pro commented 7 years ago

Hi Bartlomiej, Kindly test http://gbeta.gigm.com/michael/gigm/index.html (view in mobile mode on chrome (Iphone 6 or plus), click on book a bus (which is the only box with href, you'll see the wave aren't activated on navigation to the next page. this is just the case with chrome, other browsers or fine

gigm pro commented 7 years ago

Book a bus ........................................... function myFunction() { window.location.href = 'Busbooking.html'; }

gigm pro commented 7 years ago

Book a bus ........................................... $(document).ready(function () { Waves.attach(' .gray', ['waves-effect']); }); function myFunction() { window.location.href = 'Busbooking.html'; }

gigm pro commented 7 years ago

<!-- --> Material Design Bootstrap <!-- --> Bus Booking <!-- --> My Bookings History <!-- For bloggers For authors --> My Profile Login Signup Contact US FAQ Write a message <!-- Material Design for Bootstrap --> Book a bus Book a bus Hire a bus Booking Status Booking Status Login / Signup Contact us // SideNav init $(".button-collapse").sideNav(); // Custom scrollbar init var el = document.querySelector('.custom-scrollbar'); Ps.initialize(el); $(document).ready(function () { $('.mdb-select').material_select(); }); $('.datepicker').pickadate(); $(document).ready(function () { Waves.attach(' .gray', ['waves-effect']); }); function myFunction() { window.location.href = 'Busbooking.html'; } function show1() { document.getElementById('hide').style.display = 'none'; } function show2() { document.getElementById('hide').style.display = 'block'; } document.addEventListener('touchmove', function (event) { event = event.originalEvent || event; if (event.scale > 1) { event.preventDefault(); } }, false); //Initialization $(document).ready(function () { Waves.attach('.btn, .btn-floating', ['waves-light']); Waves.attach('.view .mask', ['waves-light']); Waves.attach('.waves-light', ['waves-light']); Waves.attach('.navbar-nav a, .nav-icons li a, .navbar form, .nav-tabs .nav-item', ['waves-light']); Waves.attach('.navbar-brand', ['waves-light']); Waves.attach('.pager li a', ['waves-light']); Waves.attach('.pagination .page-item .page-link', ['waves-effect']); Waves.init();//Preloading script });

Bartłomiej Malanowski staff pro premium commented 7 years ago

I just checked your issue and I cannot see the problem. Everything is working fine. Is it still an issue?

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

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