Skip to content Skip to sidebar Skip to footer
Home / Javascript / Jquery / Tooltipster

Uncaught Typeerror: $(...).tooltipster Is Not A Function

Post a Comment
I can't use the tooltipster library along with tablesorter one as it throws an error: Uncaught TypeError: $(...).tooltipster is not a function And my code:

Solution 1:

Please check the links for the CDN embedded in the header

Please check the link CDN for the Tooltipster.

This is wrong 

<script type="text/javascript" src="llibreries/tooltipster/dist/js/tooltipster.bundle.min.js"></script>
<linktype="text/css" href="llibreries/tooltipster/dist/css/tooltipster.bundle.min.css" />

Try this 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.js"></script>

<linktype="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css" />


<html><head><scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><scripttype="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.js"></script><linkhref="css/jq.css"type="text/css"media="print, projection, screen" /><linkhref="themes/blue/style.css"type="text/css"media="print, projection, screen" /><linkhref="css/vista.css"type="text/css" /><linktype="text/css"href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css" /><scripttype="text/javascript">
        $(document).ready(function() {
                $('.tooltip').tooltipster({
        contentCloning: false
        });
        });
</script><scripttype="text/javascript"src="llibreries/jquery-latest.js"></script><scripttype="text/javascript"src="llibreries/jquery.tablesorter.js"></script><scripttype="text/javascript"src="js/docs.js"></script><scripttype="text/javascript"src="addons/pager/jquery.tablesorter.pager.js"></script><scripttype="text/javascript">
        $(function() 
    {
                $("table")
                .tablesorter({widthFixed: true, widgets: ['zebra']})
                .tablesorterPager({container: $("#pager")
    });
    });
    </script></head><body></body></html>

$(document).ready(function() {
  $('.tooltip').tooltipster({
    contentCloning: false
  });
});
<html><head><scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><scripttype="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.js"></script><linkhref="css/jq.css"type="text/css"media="print, projection, screen" /><linkhref="themes/blue/style.css"type="text/css"media="print, projection, screen" /><linkhref="css/vista.css"type="text/css" /><linktype="text/css"href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css" /><scripttype="text/javascript"src="llibreries/jquery-latest.js"></script><scripttype="text/javascript"src="llibreries/jquery.tablesorter.js"></script><scripttype="text/javascript"src="js/docs.js"></script><scripttype="text/javascript"src="addons/pager/jquery.tablesorter.pager.js"></script></head><body></body></html>

Post a Comment for "Uncaught Typeerror: $(...).tooltipster Is Not A Function"