Topic: Waves-effect not working when I add href
Waves-effect not working when I add href to any elemnt, but without it it works, Now it just navigate without the wave effect
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
Bartłomiej Malanowski staff pro premium commented 7 years ago
Could you please provide us more details? Please share an example code with that issuegigm 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 finegigm 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?