Sign in


Sign up


Waves-effect not working when I add href

MDB SupportCategory: MDB jQueryWaves-effect not working when I add href
gigm Pro User asked 1 week ago in MDB pro, version:4

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 replied 6 days ago

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

gigm Pro User replied 6 days 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
});

gigm Pro User replied 6 days ago

Book a bus

…………………………………….

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

});
function myFunction() {

window.location.href = ‘Busbooking.html’;
}

gigm Pro User replied 6 days ago

Book a bus

…………………………………….

function myFunction() {

window.location.href = ‘Busbooking.html’;
}

gigm Pro User replied 6 days 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

Bartłomiej Malanowski replied 7 days ago

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