Soru Semantic UI CDN nasıl kullanılır?


CDN kullanarak Semantic UI HTML sayfasına nasıl dahil edilir? CDN bağlantısı https://cdnjs.com/libraries/semantic-ui, ama nasıl kullanılır?


25
2018-05-16 22:06


Menşei




Cevaplar:


Semantic UI için kullanmak istediğiniz dosyaların URL'sini kopyalamanız ve bir komut dosyasının veya link etiketinin altında "src" veya "href" değeri olarak başlığınıza koymanız gerekir.

Semantic UI için genel kullanım için üç dosyaya ihtiyacınız vardır:

  • semantic.min.css
  • jquery.min.js (JQuery CDN'den)
  • semantic.min.js

Örneğin:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>Semantic UI CDN</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
</head>
<body>
      <!-- Your Semantic UI Code -->
</body>
</html>

52
2018-05-17 05:07



Not: zorunlu olarak gerek her şey için bu 3 dosya. Örneğin, yalnızca basit tablolar oluşturuyorsanız, table.min.css tek başına çalışır. - Christopher Markieta
@ChristopherMarkieta Sadece açıklığa kavuşturmak için semantic.min.js ve semantic.min.css birlikte dahil her şeyya da kullanmak istediğim her bileşen için karşılık gelen bir dosya eklemem gerekiyor mu? - dtgq
@DavidTan İyi soru. Görünüşe göre semantic.min.js ve semantic.min.css her şeyi içer. Onların kaynağını görürseniz Tablo API'sı, sadece dahil olduklarını fark edeceksiniz semantic.min.js ve semantic.min.css ve yok table.min.css İçindeki içeriği bulabileceğiniz semantic.min.css dosya. - Christopher Markieta
Görüyorum table.min.css ve diğer tekil bileşen dosyaları Semantic-UI'nin tüm parçasını küçük bir parçası olarak kullanmak istemeyen insanlar için tek başına olan bölümleri midir? - dtgq
Bu benim anlayışım, evet. - Christopher Markieta