Laravel 6 с Bootstrap Переключение и событие переключения не работают с jQuery - PullRequest
Новая
       28

Laravel 6 с Bootstrap Переключение и событие переключения не работают с jQuery

0 голосов
/ 15 марта 2020

Я следовал всей документации Bootstrap Toggle , но действие все еще не работало внутри jQuery в моем Laravel 6 блейд-файле.

Удаляя data-toggle="toggle" из HTML, действие работает.

Похоже, что-то игнорирует или перезаписывает событие переключения данных.

Я уже пытался использовать .toggle-event, объявляя class="toggle-event", но безуспешно. 

$(document).ready(function() {
  $('#toggle-event').change(function() {
    console.log(Date());
  });
})
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


<input id="toggle-event" type="checkbox" data-toggle="toggle" data-size="small" data-on="Enabled" data-off="Disabled" data-onstyle="success" data-offstyle="danger" data-id="1">

1 Ответ

0 голосов
/ 20 марта 2020

Я отказался от использования Bootstrap Toggle с Laravel 6, а затем попробовал тот же результат, используя Switchery , и он сработал с первой попытки! 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js"></script>

И это: 

<input name="status" type="checkbox" class="js-switch" data-id="{{$system->id}}" {{ $system->active ? 'checked' : '' }}>
...