Непоследовательное меню семантического пользовательского интерфейса

Нашел то, что я не мог понять.Непоследовательное меню семантического пользовательского интерфейса

Если бы боковое меню с семантическим щ, выпадающее меню из бокового меню не работает, когда я разместить файл локально, но он работает нормально, если я положил его в jsfiddle

Вот это работает jsfiddle https://jsfiddle.net/7rcrx8c4/

index.html

<!-- index.html --> 
<!DOCTYPE html> 
<html> 
<head> 

    <link rel="stylesheet" href="css/style.css" /> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" /> 



    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script> 


</head> 
<body> 

    <div id="main" class="ui container"> 
    <div class="ui top attached menu"> 
     <a class="item" id="menu"><i class="sidebar icon"></i>Menu</a> 
     <div class="right menu"> 
     <a class="item"><i class="user icon"></i>Welcome : Foo</a> 
     </div> 
    </div> 
    <br /> 

    </div> 
    <div class="ui left vertical sidebar menu"> 
    <div class="item"> 
     <i class="grid layout icon"></i>Menu 
    </div> 
    <!-- Master menu --> 
    <div class="ui dropdown item"> 
     <span class="text"><i class="book icon"></i></span> 
     <i class="dropdown icon"></i>Master 
     <div class="menu"> 
     <a class="item">a</a> 
     <a class="item">b</a> 
     </div> 
    </div> 
    <!-- End master --> 
    </div> 
    <script> 
    $('.ui .dropdown').dropdown({ 
    on: 'hover' 
    }); 
    $('.ui.left.sidebar').sidebar({ 
    transition: 'overlay' 
    }); 

    $('.ui.left.sidebar') 
    .sidebar('attach events', '#menu'); 
    </script> 


</body> 
</html>

style.css

.ui.sidebar { 
    overflow: visible !important; 
}

Может ли кто-нибудь указать мне, где я ошибаюсь?

источник

2016-02-19 Joseph Goh

Ну вы не сказали нам, что ошибка. Все, что мы видим, является рабочим примером. :) – Harangue

Ха-ха, извините, я просто обновляю свои вопросы. –

Control + shift + I в chrome или firefox и перейдите на вкладку консоли и нажмите обновление, любые ошибки? – mkaatman

Обнаруженные причина,

style.css должен быть загружен после semantic.css

Спасибо всем за время

источник

2016-02-19 05:34:42

Непоследовательное меню семантического пользовательского интерфейса

ответ

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