Question

53

How to call a javascript function using Twitter´s Bootstrap?

rated 0 times [ 56] [ 3] / answers: 1 / hits: 16722 / 13 Years ago, sun, february 19, 2012, 12:00:00

I want to use the javascript provided in Tritter´s Bootstrap. I´ve checked that all the .js files are pointed out ok.

I want to test if it works ok, so after reading the docs, I understand that I have to call the appropiate javascript function?

Using bootstrap-tooltip.js
Trigger the tooltip via javascript: $('#example').tooltip(options)

How may I call that function? It seems that it´s not enough to put the proper html, I have to call the function aswell?

Thanks for your help!!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

collinarnoldp

Add To Favorites

Follow

Total Points: 10

Total Questions: 122

Total Answers: 109

Location: Spain

Member since Thu, Dec 23, 2021

2 Years ago

collinarnoldp questions

1 React datepicker disable entering date manually

Mon, Jul 26, 21, 00:00, 3 Years ago

1 Programmatically open each expansion panel in Vuetify

Tue, Jul 21, 20, 00:00, 4 Years ago

1 Avoid auto indent when saving in Visual Studio Code

Sun, May 10, 20, 00:00, 4 Years ago

1 React with Antd Form onFinish not retrieve data

Mon, Apr 13, 20, 00:00, 4 Years ago

1 TYPESCRIPT : Argument of type 'typeof X' is not assignable to parameter of type 'Y' with extends

Thu, Apr 2, 20, 00:00, 4 Years ago

View All

answered 13 Years ago meadowe · Accepted Answer

Give a HTML element the ID of example and appropriate attributes like this:

<p><a href=# rel=tooltip title=first tooltip id=example>hover over me</a>,/p>

In your <head> create a JavaScript <script> element, make sure jQuery is loaded and then, within the jQuery, add the tooltip to the element with the ID of example:

<script type=text/javascript>

    window.onload = function()

    {

        if(!window.jQuery)

        {

            alert('jQuery not loaded');

        }

        else

        {

            $(document).ready(function(){

                $('#example').tooltip({'placement':'top', 'trigger' : 'hover'});

            });

        }

    }

</script>

This will setup a tooltip when you hover over the #example element. Change top to left, right or bottom to change where the tooltip is placed in relation to the element itself.

In case you might want to in the future, this is how you'd set up a popover also.