semantic-ui

0熱度

1回答

我剛剛開始使用語義UI。以下面的垂直菜單爲例。這會渲染UI，但它不起作用。我明白，應該有一個JavaScript初始化爲此。但是，在哪裏可以找到有關初始化組件的文檔。 <div class="ui secondary vertical pointing menu"> <a class="item"> Home </a> <a class="item act

0熱度

1回答

帶語義UI的動畫

試圖在點擊按鈕時使用語義UI來創建動畫框架。嘗試此鏈接中列出的第一個代碼=>https://semantic-ui.com/modules/transition.html 但它不起作用在此先感謝！ <!DOCTYPE html> <html> <head> <title>Formulaire</title> <link rel="stylesheet" type="te

1熱度

1回答

語義UI邊欄將元素推到屏幕寬度之外

我不確定我是否做錯了什麼，或者如果這是預期的結果，但我使用的是語義UI的邊欄，並且它將所有內容推送到最大屏幕寬度之後。我在這裏錯過了什麼嗎？ <div class="ui bottom attached segment pushable"> <div class="ui left vertical menu visible thin attached inverted sidebar">

0熱度

1回答

語義用戶界面語義用戶反應網格寬度彈出內

我[m試圖建立，使用semantic-ui-反應，菜單喜歡Semantic UI documentation上的示例，但我在彈出寬度上有問題。這裏是我的代碼： import React, { Component } from 'react'; import { Menu, Icon, Dropdown, Popup, Grid, List } from 'semantic-ui-react'

0熱度

1回答

語義UI可滾動段

我使用語義UI和ReactJS一起使用官方語義UI反應。我想構建一個類似Trello的應用程序並在其上放置卡片。這些卡片將被堆疊用於一個主題，並且可以在一個主題內垂直滾動並且在所有主題上水平地滾動。我使用下面的代碼，自然我得到堆疊段，寬度大，沒有滾動控件。 import React, { Component } from 'react'; import { Segment, Card, He

2熱度

1回答

使用語義UI邊欄製作全尺寸的主要內容邊欄反應組件

我正在嘗試使用語義Ui組件做出反應的Web應用程序。不過，我真的很努力地讓主要內容組件佔據屏幕的全尺寸（見圖片）。我希望主要內容組件填滿剩餘空間，但它似乎只佔用盡可能多的空間。最後，我希望能夠有側邊欄粘，只有滾動的主要內容 render() { const { visible } = this.state return ( <div> <Button onClick={thi

0熱度

2回答

表單驗證+帶語義UI調用的服務

我一整天都在嘲笑這個問題。我有這個語義用戶界面的JS代碼。簡單驗證+ api（ajax）調用。 $('.ui.form') .form({ fields: { comment: { identifier: 'comment', rules : [ { type : 'empty',

0熱度

1回答

檢查與同一類別的兩個複選框中的一個

我剛開始使用語義UI，我有一個愚蠢的問題。我有兩個類名爲「ui toggle checkbox」的複選框。加載頁面時，我想根據某些條件檢查這些複選框。 <div class="ui toggle checkbox " id="ssl"> <input type="checkbox" name="SSL" > <label>3</label> </div>

1熱度

1回答

保證金屬性不起作用

我正在使用語義UI框架。我正在嘗試創建類似於結構的後評論。目前我的代碼看起來是這樣的： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/> <script sr

0熱度

1回答

更改動畫後的文本內容javascript

試圖使用語義UI框架執行簡單的揮杆動畫。我希望文字擺動，然後更改其內容，然後再次擺動以再次出現在屏幕中。問題在於，即使在更改內容的指示來臨之後，其內容的改變也會在第一次擺動結束之前執行。我想讓它擺動 - >消失 - >改變它的內容 - >再次擺動再次出現。在此先感謝... <html lang="en"> <head> <meta charset="UTF-8"> <