Переключатель начальной загрузки не принимает параметры? - PullRequest
Новая
       18

Переключатель начальной загрузки не принимает параметры?

0 голосов
/ 31 октября 2018

Я пытаюсь использовать переключатель начальной загрузки в проекте. В документации , найденной здесь , не ясно, как правильно передавать параметры. Я безуспешно пробовал следующее: 

$("[name='my-checkbox']").bootstrapSwitch({
            'size': 'small',
            'onColor': 'success'
 });

Это, однако, работает: 

$("[name='my-checkbox']").bootstrapSwitch('size', 'small');
$("[name='my-checkbox']").bootstrapSwitch('onColor', 'success');

неужели разработчики не привыкли к этому? Как правильно передать несколько вариантов?

1 Ответ

0 голосов
/ 31 октября 2018

У меня нормально работает, посмотрите следующий рабочий пример. Может быть, вы включили css или js в неправильном порядке? 

$(document).ready(function()
{
    $("[name='checkbox1']").bootstrapSwitch({
        "size":"small",
        "onColor":"success"
    });

    $("[name='checkbox2']").bootstrapSwitch({
        "onColor":"success",
        "offColor":"danger"
    });

    $("[name='checkbox3']").bootstrapSwitch({
        "size":"large",
        "onColor":"primary",
        "offColor":"info"
    });

    $("[name='checkbox4']").bootstrapSwitch({
        "size": "mini",
        "onColor":"primary",
        "offColor":"warning",
        "animate": false,
        "state": false
    });
});
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Bootstrap-switch CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/css/bootstrap3/bootstrap-switch.min.css">

<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- Bootstrap-switch JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.min.js"></script>

<input type="checkbox" name="checkbox1" checked>
<br><br>
<input type="checkbox" name="checkbox2" checked>
<br><br>
<input type="checkbox" name="checkbox3" checked>
<br><br>
<input type="checkbox" name="checkbox4" checked>
...