Question

我写了以下jquery：

$(document).ready(function(){

    $('div.contentTxtBox#home').addClass('current').show();

    $('a.menu').click(function() {

    $('div.contentTxtBox.current').hide("slide", { direction: "left" }, 700).removeClass('current');
    $('div.contentTxtBox#' + this.id).show("slide", { direction: "right" }, 700).addClass('current');
    $('a.menu.current').removeClass('current');
    $(this).addClass('current');

    return false;

    });

});

这是我的CSS：

.contentTxtBox {
    padding:20px;
    width:321px;
    height:330px;
    background:#E0E0DB;
    position:absolute;
    display:none;
}
.contentTxtBox.current {
    display:block;
}

所以除了ie7之外，它在每个浏览器中都有效。除了这个.js之外，我还使用了bxslider.js和spry accordions js。

有什么建议吗？我很乐意只是出现而不是滑过。

许多TIA： - ）

Answer 1

有了这一行，

$('div.contentTxtBox#' + this.id).show("slide", { direction: "right" }, 700).addClass('current');

这证明你有重复的id，这是无效的HTML。 IE似乎讨厌那个..;）

Answer 2

有菜单按钮：.button #home，对应.contentTxtBox #home。

使用前缀“ctb”重命名.contentTxtBox ids：.contentTxtBox＃ctbhome。

感谢大家！不知道这很糟糕！

jquery脚本在ie7中不起作用

2 个答案: