語義ui邊欄實現

你好，我如何從語義ui實現邊欄？我想使用列表中的第一個例子。語義ui邊欄實現

http://semantic-ui.com/modules/sidebar.html#/definition

我試圖複製並粘貼整個DIV部分，並把它放在我的HTML 對於JavaScript的（？真的不知道），在

$('.left.demo.sidebar') 
.sidebar('toggle') 
;

我試圖把它放在按鈕onclick和函數然後使用href調用但側邊欄不顯示..我在做什麼錯誤

來源

2014-12-08 Ziddorino

你必須包括jQuery庫在你的頁面的<head></head>部分：

<script language="javascript" src="http://code.jquery.com/jquery.min.js"></script>

而且semantic.js文件：

<script language="javascript" src="[your path here]/semantic.js"></script>

，你必須下載來自：

http://semantic-ui.com/

（它位於內文件夾分區。該文件複製在慾望的位置和正確的路徑填充src）

BETWEEN <HEAD></HEAD>：

<script language="javascript" src="http://code.jquery.com/jquery.min.js"></script> 
<script language="javascript" src="[your path here]/semantic.js"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $('.left.demo.sidebar').sidebar('toggle'); 
    }); 

</script>

來源

2014-12-08 03:12:24 Verhaeren

然後我把它放在一個onclick？謝謝！將嘗試 – Ziddorino 2014-12-11 00:36:11

我仍然不能讓它觸發..我複製完全相同的代碼，我的代碼是 – Ziddorino 2014-12-11 00:41:36

不是需要搶的onclick，這是錯誤的，只要使用你在你的問題有代碼，再次檢查我的回答，我會升級它。 – Verhaeren 2014-12-11 00:47:16

當您添加了jQuery你的項目，你可以觸發你的側邊欄通過將此代碼添加到您的.js文件：

$('.element.to.trigger.sidebar').on('click', function() { 
    $('.left.demo.sidebar') 
     .sidebar('toggle'); 
});

來源

2017-05-17 23:11:38

語義ui邊欄實現

回答

相關問題