calebjacob / tooltipster

A jQuery tooltip plugin
MIT License
2.76k stars 482 forks source link

Tooltip not functioning properly #792

Closed MarnixGarner closed 4 years ago

MarnixGarner commented 4 years ago

I have followed the start guide and created a test HTML page via Dreamweaver: https://www.camacre.co.uk//NEW/tooltip.html

I've setup the CSS and JS links as instructed. I've style the style to 'noir' and tried others with the required CSS files loaded and none of them work.

All the linked CSS and JS files appear to be linked properly looking in Dreamweaver.

It appears there must be some code missing to get this working properly?

louisameline commented 4 years ago

Check your console. Jquery is not loading.

MarnixGarner commented 4 years ago

The JQuery file appears to be loaded looking at the console?

louisameline commented 4 years ago

Look at the network tab. For further help, please head over to help forums, this place is for bug reporting. Thank you

macmessa commented 4 years ago

The JQuery file appears to be loaded looking at the console?

Another thing you may check it's the trigger event that you've set to click, I'm not sure if it was your intention, if not just remove it:

$(document).ready(function() {
  $('.mtooltip').tooltipster({
    theme: 'tooltipster-borderless',
    animation: 'fade',
    trigger: 'click' // Remove this line if you want the hover event
  })
});
MarnixGarner commented 4 years ago

Thank you for your help. From what the instructions that were given, there was some code that was missing and after I inserted the missing code it started working as shown below:

$(document).ready(function() { $('.mtooltip').tooltipster({ theme: 'tooltipster-borderless', animation: 'fade', trigger: 'click' }) // This line of code was missing });