Waves-effect not working when I add href

Topic: Waves-effect not working when I add href

gigm pro asked 6 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 commented 6 years ago

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

gigm pro commented 6 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 6 years ago

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

gigm pro commented 6 years ago

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

gigm pro commented 6 years ago

Material Design Bootstrap  Bus Booking  My Bookings History  My Profile Login Signup Contact US FAQ Write a message  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 });

Material Design Bootstrap

<a href="#" rel="nofollow">
 
 </a>
 
 
 
 
 
 
 
 <a>
 
 </a>
 
 
 <a>
 
 </a>
 
 
 <a>
 
 </a>
 
 
 <a>
 
 </a>
 
 
 
 
 
 
 
 
 
 
 
 <a href="Busbooking.html">
 Bus Booking
 
 </a>

<a>
 My Bookings History
 
 </a>
 
 
 
 <a>
 My Profile
 
 </a>
 
 
 
 <a href="#" rel="nofollow">Login</a>
 
 
 <a href="#" rel="nofollow">Signup</a>
 
 
 
 
 
 <a>
 Contact US
 
 </a>
 
 
 
 <a href="#" rel="nofollow">FAQ</a>
 
 
 <a href="#" rel="nofollow">Write a message</a>

<a href="#">
 
 </a>

Book a bus

Book a bus

</a>
 
 
 
 
 Hire a bus

Booking Status

// 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
});

Please insert min. 15 characters.

Bartłomiej Malanowski staff commented 6 years ago

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

gigm

Pro User 10Support score
3Questions 1Answers 0Snippets