引导面板折叠和 IE

Question

虽然我在 IE 中看到了 Bootstrap Collapse 功能的问题，但我认为这个功能有所不同。

当你第一次点击“独家为你”时，事情就崩溃了！标题，但再次点击不会打开它。

我必须“存储”他们在会话变量中关闭它的事实，因此我的控制器中有一个函数来执行此操作，并且在单击标题时调用它。如果 ShowPanel 设置为“false”，我会在加载页面时再次折叠。

window.ShowPanel 变量是从 Razor ViewBag 变量设置的：

<script type="text/javascript">
    $(document).ready(function () {
        window.ShowPanel = "@ViewBag.ShowPanel";
        // Initialize due to IE bug. from some SO post
        $('#collapseOne').collapse({ toggle: false });

        if (window.ShowPanel === "false") {
            $('#collapseOne').collapse('hide');
        }

        $('#panel_head').on('click', function () {
            $.ajax({
                async: true,
                type: "GET",
                url: "/Home/SetShowPanel"
            });
        })
    });
</script>

谁能帮我弄清楚为什么 IE 不会重新打开该部分？

小提琴：http://jsfiddle.net/Mrbaseball34/wwvogjkk/

Answer 1

你弄乱了 bootstrap.css 吗？我将引导程序更新到 2.3.2 版，它可以在 IE 中运行。折叠在 IE 中有效，但样式消失了。

http://jsfiddle.net/wwvogjkk/21/

$(document).ready(function () {
    window.ShowPanel = "true";
    // Initialize due to IE bug.
    $('#collapseOne').collapse({ toggle: false });

    if (window.ShowPanel === "false") {
        $('#collapseOne').collapse('hide');
    }

    $('#panel_head').on('click', function () {
        debugger;
        $.ajax({
            async: true,
            type: "GET",
            url: "/Home/SetShowPanel"
        });
    })
});

附：我没有接触代码，它在这里是为了让 SO 让我给你一个指向最新版本的小提琴的链接，并引用了新的引导程序。