fixed button with waves does not work

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: fixed button with waves does not work

pro asked 7 years ago

Hi! Using 4.4.3 i have a fixed button on the bottom of the pages, that does not work. If i right-click it opens fine, but the action seems to be blocked from opening on the same page Code: 
<div class="fixed-action-btn" style="bottom: 25px; right: 24px;">
 <a href="ticket_entry.asp" class="btn-floating btn-large blue">
 <i class="material-icons">add</i>
 </a>
</div>
has anyone run into this?

Ollie Vincent pro answered 7 years ago

Hi, I see your problem,  but I think I have found a fix... There is some script in mdb.js preventing external urls from opening on fixed buttons. Paste this code into your JavaScript section:   
<script>$(document).ready(function () {

$('.fixed-action-btn').unbind('click');

});</script>

pro commented 7 years ago

perfect - this works well. is this a temporary fix? will it be integrated later on to the final code?

Ollie Vincent pro commented 7 years ago

No idea - thats a question for them :) Glad it works

Ollie Vincent pro answered 7 years ago

Hi, Looks like you are missing the waves-effect class Try this: 
<div class="fixed-action-btn"style="bottom: 25px; right: 24px;">

<a href="ticket_entry.asp"class="btn-floating btn-large blue waves-effect">

<i class="material-icons">add</i>

</a>

</div>

pro commented 7 years ago

The waves effect are added in automatically via the script. i see them as i click on the button. in fact my suspicion is that that might be whats making the button un-clickable for some reason.

Ollie Vincent pro commented 7 years ago

Can you try the code above and if that doesnt work can you please describe in detail?

pro commented 7 years ago

Thanks. no change. i still get the waves effect as I click on the button, but no href is launched. thanks

Jakub Strebeyko staff answered 7 years ago

Hi there moshe,

Was the binding problem solved with Ollie's suggestion? If it is valid it just might be included into next update. Did the wave effect start working? If no, please share some details about your environment and the context you're using the button.

With Best Regards,
Kuba

Ollie Vincent pro commented 7 years ago

Hi, I think the Javascript above did the trick :) Please include in the next update.

pro commented 7 years ago

correct - it did indeed work. thanks all.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Kneidels
Pro User
257Support score
39Questions 11Answers
0Snippets likes 20Snippets