棘輪組件爲什麼不能正確渲染

Question

這是我的Fiddle。 我從Segmented Control添加CSS成分，並添加相關的庫，但不工作的打算，想在網站

<div class="segmented-control"> 
... Control components... 
</div> 
<div class="card"> 
... control content 
</div> 

Answer 1

你將需要檢查的Getting Started頁面，並通過它讀取。

段在jsFiddle中不起作用，因爲它們只響應「觸摸」事件（如在移動設備上）而不是「點擊」事件（如在PC上）。

從GitHub - Ratchet文檔。

Ratchet設計用於響應來自移動設備的觸摸事件。 爲了使用鼠標點擊事件（用於桌面瀏覽和測試）， 您有幾個選項：在Chrome中啓用觸摸事件模擬（在Web檢查器首選項的覆蓋選項卡中找到 ）使用 JavaScript庫，如手指指甲。 JS來模擬觸摸事件 （理想情況下只能從桌面設備加載）

此外，一些風格缺少的幾個原因。

• 組件示例具有不在框架中的額外樣式。
• 您的jsFiddle缺少<div class="content">包裝。
• This jsFiddle更接近，但由於上面的觸摸事件問題仍然不能完全工作，但至少它指向了正確的方向。