Семантический интерфейс не работает вообще

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

Просьба простенько сначала example на сайте.

Я скопировал код КАК ЕСТЬ, и он не работает вообще для меня. Я включил semantic.min.css и semantic.min.js также на всякий случай, когда я включил jQuery с помощью Google CDN.

Ниже приведено мое html.

<!DOCTYPE html> 
<html> 
<head> 

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css"> 
<script src="semantic/dist/semantic.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 

</head> 
<body> 


<script> 
$('.ui.dropdown') 
    .dropdown() 
; 
</script> 



<div class="ui dropdown"> 
    <input type="hidden" name="gender"> 
    <i class="dropdown icon"></i> 
    <div class="default text">Gender</div> 
    <div class="menu"> 
    <div class="item" data-value="male">Male</div> 
    <div class="item" data-value="female">Female</div> 
    </div> 
</div> 



</body> 
</html>

Выход, как это ..

Спасибо! Я довольно новичок в JavaScript и семантическом интерфейсе.

источник

2016-05-13 WCMC

я использовать этот порядок, связывающих JS-файлов и работать нормально

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script type="text/javascript" src="../bower_components/jquery/dist/jquery.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="../bower_components/semantic/dist/semantic.min.css"> 
    <script src="../bower_components/semantic/dist/semantic.min.js"></script> 
</head> 
<body> 


<select name="gender" class="ui dropdown" id="select"> 
    <option value="">Gender</option> 
    <option value="male">Male</option> 
    <option value="female">Female</option> 
</select> 


<script type="text/javascript"> 
    $('#select') 
    .dropdown() 
    ; 
</script> 
</body> 
</html>

источник

2016-05-14 10:21:10 sajjad

Я с этой проблемой, а также, и это зафиксировал его для меня. – TheIcemanCometh

мне нужно включить JQuery перед тем, включая .js и .css

источник

2016-05-13 22:18:47 WCMC

Семантический интерфейс не работает вообще

ответ

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