棘轮组件为什么不能正确渲染

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更接近，但由于上面的触摸事件问题仍然不能完全工作，但至少它指向了正确的方向。