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

Question

Кнопка переключения Boostrap не работает с первой попытки после загрузки в режиме частичного просмотра, но работает со второй попытки

Когда я нажимаю на Первую запись в раскрывающемся меню, кнопка переключения не работаетработать, когда я нажимаю на вторую запись, переключатель работает, а в третьей записи он не работает. Но если я перезагружаю страницу и нажимаю на вторую запись, она ничего не делает, а если я нажимаю на первую запись, она волшебным образом работает. Любые предложения!

<select name="speed" onchange="showCharts(this)" style="outline: none ;width: 
        100%;border-radius: 3px; height: 35px;color: darkgray;padding-left: 
        5px; border: 0.1em solid lightgray;">
    <option disabled selected>Type of Chart</option>
    <option value="1">First Record</option>
    <option value="2">SecondRecord</option>
    <option value="3">Third Record</option>

</select>

<div class=" " id="collapseOne"></div>

    function showCharts(s) {
        switch (s[s.selectedIndex].value) {
            case "1":
                 $('#collapseOne').load('@Url.Action("1record", "Home")');
                break;
            case "2":
                 $('#collapseOne').load('@Url.Action("2record", "Home")');
                break;
            case "3":
                 $('#collapseOne').load('@Url.Action("3record", "Home")');
                break;
        }
}

        [HttpGet]
        public ActionResult 1record()
        {
            return PartialView();
        }

        [HttpGet]
        public ActionResult 2record()
        {
            return PartialView();
        }

        [HttpGet]
        public ActionResult 3record()
        {
            return PartialView();
        }

@{
    ViewData["Title"] = "# Record";

}

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>

<input type="checkbox" checked data-toggle="toggle"> 

Answer 1

Never Mind Я сделал обходной путь, добавив частичное представление только с кнопкой переключения к javascript следующим образом:

function showCharts(s) {
    switch (s[s.selectedIndex].value) {
        case "1":
             $('#collapseOne').load('@Url.Action("empty", "Home")');
             $('#collapseOne').load('@Url.Action("1record", "Home")');
            break;
        case "2":
             $('#collapseOne').load('@Url.Action("empty", "Home")');
             $('#collapseOne').load('@Url.Action("2record", "Home")');
            break;
        case "3":
             $('#collapseOne').load('@Url.Action("empty", "Home")');
            $('#collapseOne').load('@Url.Action("3record", "Home")');
            break;
    }
}

создайте частичное представление только с одной кнопкой переключения, а затем добавьте частичное представление к вашемуконтроллер

    [HttpGet]
    public ActionResult empty()
    {
        return PartialView();
    }