0

需要知道是否可以在 IE9 上找到此问题的解决方法，它确实在 chrome/firefox 上完美显示，值按预期更改，但 div 不会扩展其高度。

此代码位于外部 .js 文件中，我尝试将其直接放入 html 中，但无济于事。

感谢您的帮助，代码如下：

HTML

<div class="active-collapsed">Some stuff here</div>

CSS

.active-collapsed {height:345px;}
.active-expanded {height:690px;}
#exp-btn {margin-bottom:5px;width:80px;}

jQuery v1.7.2

$(document).ready(function () {

    jQuery('#exp-btn').click(function () {
        $(".active-collapsed").toggleClass("active-expanded");


        if ($(this).val() == "+ profiles") {
            $(this).val("- profiles");
        } else {
            $(this).val("+ profiles");
        }
    });

});
4

2 回答 2

0

不知道在 IE9 中是否会复制，但在 IE 中我发现在修改 CSS 属性时切换无效。

尽管 JS 函数更改了元素属性，IE8 v8 并未更改 DOM 元素的类

因此，请检查这是否适用于您并相应地更改您的代码。

于 2013-04-23T17:14:17.070 回答
0

http://jsfiddle.net/4UGck/4/在 IE9 中运行良好。我所做的只是将 val() 更改为 text() 并将溢出：隐藏到您的 css 中。

$(function(){
    $('#exp-btn').click(function () {
        $(".active-collapsed").toggleClass("active-expanded");


        if ($(this).text() == "+ profiles") {
            $(this).text("- profiles");
        } else {
            $(this).text("+ profiles");
        }
    });

});

和 CSS

.active-collapsed {height:345px; overflow: hidden;}
于 2013-04-23T17:14:30.233 回答