2013-12-04 1 views
1

Я хочу использовать this bootstrap enabled timepicker, но я не могу получить раскрывающееся меню, когда я нажимаю на кнопку. Я очень новичок в веб-разработке, поэтому я предполагаю, что у меня отсутствует такой шаг, который настолько очевиден для всех, что он даже не упоминается в the documentation.Дополнительные файлы, присутствующие при использовании элемента управления, управляемого загрузкой?

This question упоминает, что есть «соответствующие файлы css», которые необходимо зайти в папку css/bootstrap. Это правда? Какие файлы они?

До сих пор я установил этот элемент управления на своей странице.

<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <link rel="stylesheet" href="bootstrap-2.3.2/css/bootstrap.css" media="screen"> 
    <link type="stylesheet" href="bootstrap-timepicker/css/bootstrap-timepicker.min.css" /> 
    <script src="jquery-2.0.3.js"></script> 
    <script src="bootstrap-2.3.2/js/bootstrap.js"></script> 
    <script type="text/javascript" src="bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script> 
    </head> 
    <body> 
    <div class="input-append bootstrap-timepicker"> 
     <input id="timepicker1" type="text" class="input-small"> 
     <span class="add-on"><i class="icon-time"></i></span> 
    </div> 

    <script type="text/javascript"> 
$('#timepicker1').timepicker(); 
$('#timepicker1').timepicker().on('show.timepicker', function(e) { 
    console.log('The time is ' + e.time.value); 
    console.log('The hour is ' + e.time.hour); 
    console.log('The minute is ' + e.time.minute); 
    console.log('The meridian is ' + e.time.meridian); 
    }); 
    </script> 

    </body> 
</html> 

Я получаю сообщения журнала консоли в Chrome при нажатии на кнопку, которая должна открыть ниспадающее меню, так что я знаю, что это становится событие щелчка правильно.

Если я смотрю в папку bootstrap-timepicker/css, хотя, я вижу этот файл:

bootstrap-responsive.css 

мне нужно что-то делать с этим файлом? Есть также несколько других файлов в bootstrap-timepicker/assets, bootstrap-timepicker/less и некоторых других папках, но я не уверен, что они позже скомпилируются в миниатюрный источник или мне нужно как-то их установить.

ответ

1

Вот ваша ошибка:

<link rel="stylesheet" href="bootstrap-2.3.2/css/bootstrap.css" media="screen"> 
<link type="stylesheet" href="bootstrap-timepicker/css/bootstrap-timepicker.min.css" /> 

link «s атрибут type должен быть "text/css" и rel должны быть "stylesheet". Измените его, и он должен работать.

<link rel="stylesheet" type="text/css" href="bootstrap-2.3.2/css/bootstrap.css" media="screen"> 
<link rel="stylesheet" type="text/css" href="bootstrap-timepicker/css/bootstrap-timepicker.min.css" /> 

 Смежные вопросы

  • Нет связанных вопросов^_^