Twitter-bootstrap Компоненты javascript не работают

Question

все в названии. Я не могу получить компоненты загрузочного javascript.

<div id="example">Some element</div> 

<script> 
    $('#example').popover({ 
    title: 'A title!', 
    content: 'Some content!', 
    trigger: "hover" 
    }); 
</script> 

Это не работает и не загружается. Аналогичная проблема с:

$('#try').typeahead(); 

попробуйте.

загрузки последовательности:

<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> 
<script src="js/vendor/jquery-1.9.1.js"></script> 
<script src="js/vendor/bootstrap.min.js"></script> 
//or <script src="js/vendor/bootstrap.js"></script> 

я не использую атрибуты данных для retrocompatibility.

Answer 1

Вам нужно обернуть Javascript в обработчик события загрузки страницы, например так:

<script> 
    $(function() 
    { 
    $('#example').popover({ 
     title: 'A title!', 
     content: 'Some content!', 
     trigger: "hover" 
    }); 
    }); 
</script> 

См .ready() документацию JQuery в.