Waves-effect not working when I add href

gigm asked 11 months 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 commented 11 months ago

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


gigm commented 11 months 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 commented 11 months ago

Book a bus

...........................................

function myFunction() {

window.location.href = 'Busbooking.html';
}


gigm commented 11 months ago

Book a bus

...........................................

$(document).ready(function () {
Waves.attach(' .gray', ['waves-effect']);

});
function myFunction() {

window.location.href = 'Busbooking.html';
}


gigm commented 11 months 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 commented 11 months 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.
Status

Resolved

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