jQuery .slideToggle在Chrome中运行得很完美,在Firefox

时间:2016-02-01 14:27:34

标签: jquery css google-chrome firefox

在此页面中:http://181.224.135.163/~tommasom/node/add/rapporto-di-lavoro, 当你选择“determinato”时,我添加了一个.slideToggle。

该幻灯片适用于Chrome和Firefox,但是这个类的div

.field-group-format-wrapper

显示,完成打开时向上跳跃一点点。有提示吗?

1 个答案:

答案 0 :(得分:1)

我尝试在on()之前使用off(),并且它工作正常。 可能在同一台收音机上还有其他听众。 检查控制台上的代码:

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jq.onload =function(){
    $("#edit-field-tempo-indeterminato-und").off().on('change',function(){
        $(".field-group-format-wrapper").slideToggle();
    });
};

另一件奇怪的事......

如果我从

中删除margin-top
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}

你的代码在firefox中运行良好。 所以请尝试添加

#field-data-termine-add-more-wrapper>div{
    margin-top:0;
}