f86597 Ответов: 0

Заменить в теге Select с помощью тумблера, с интеграция с jQuery

Я использую select тег в проекте для изменения темы на сайте. это работает как заклинание в моем проекте. Вот кодовый код моего проекта. переключатель таблиц стилей jQuery[^]
Я хочу заменить его select тег с тумблером с интеграцией jquery. Например, youtube для переключения темной темы. Я нахожу много примеров тумблеров, на которых все основаны input метка. Я не знаю, как настроить его с помощью Jquery.?

Что я уже пробовал:

Это мой код.

HTML, JS и JQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="" class="style-change form-control" id="style">
  <option value="css/default">Default Style</option>
  <option value="css/bootstrap-slate">Night Mode</option>
</select>


$(function() {
  $('.style-change').change(function() {

    var style = $(this).val();
    $('body').fadeOut("slow", function() {
      $('link[rel="stylesheet"]').attr("href", style + ".css");
      $('body').fadeIn("slow");

      $.cookie("css", style, {
        expires: 365,
        path: '/'
      });
    });
  });
});

$(document).ready(function() {
  $("#style").val('<?php echo $style; ?>');
});


<?php
if (isset($_COOKIE['css'])) {
    $style = $_COOKIE['css'];
} else {
    $style = 'default';
}
?>



Я использую библиотеку файлов cookie jQuery для сохранения пользовательских настроек в файлах cookie.

Любое предложение было бы заметно.

0 Ответов