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？我将bootstrap更新到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"
        });
    })
});

P.S。我没有触摸代码，它就在这里，所以SO会让我给你一个链接到最新版本的小提琴，引用新的引导程序。

Bootstrap Panel折叠和IE

1 个答案: