В следующем очень простом примере переключатель работает и оформлен правильно. Если я просто изменю версию foundation.css с 5.5.2 на 6.0.5, стиль переключения теряется. Почему переключатели не работают в Foundation 6.0 ??? Опять же, просто измените таблицу стилей на «https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.5/css/foundation.css ", и он перестает работать.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Foundation Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.5/js/foundation.min.js"></script></head>
<body>
<div style="padding:20px;">
<div class="switch large">
<input id="mySwitch1" type="checkbox">
<label for="mySwitch1"></label>
</div>
</div>
</body>
</html>