calebjacob/tooltipster

Tooltip not functioning properly

MarnixGarner opened this issue · 5 comments

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?

Check your console. Jquery is not loading.

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

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

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

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