Jquery.animate 100%高度不起作用

Jquery .animate 100% height not working?

本文关键字：不起作用 高度 100% animate Jquery      更新时间：2023-09-26

我和我的开发人员一直使用Jquery的下拉式潜在客户表单。

http://nextinlinefilms.com.au/index.php这是链接。

这是"今天进行查询"的部分，当你点击打开的选项卡时。animate不起作用。

这是代码：

jQuery( ".jscript" ).click(function() {
 jQuery( ".enquiry" ).animate({height: "100%"},1000);
});
jQuery( ".jscript2" ).click(function() {
 jQuery( ".enquiry" ).animate({height: "255px"},1000);
 });

请帮忙，我们不确定。你可以使用px，但在手机和其他屏幕尺寸上，它需要更小或更大的px高度。自动也不起作用。

关闭按钮运行良好，因为它具有所需的px高度。

我会用另一种方式来做这件事，我建议：

包含实际表单元素的<div class="b2j-contact-group-class"></div>默认情况下会得到一个display: none;，然后当您单击.jscript时，您可以执行以下操作：

JQuery(".bj2-contact-group-class").slideDown(1000);

关闭它：

JQuery(".bj2-contact-group-class").slideUp(1000);

你应该得到你想要的好效果，这比使用父元素的高度要好得多。

虽然我无法用web开发工具中的调整来测试这一点，但有一个调整是它不起作用的原因——在第163行的template.css中，您设置了

.b2j_form {
    height: 14% !important;
}

因此，表单永远不会以animate函数作为内联样式写入表单的高度100%显示，因为！important将始终100%覆盖高度。

注意-我不确定这是否适用于这个问题的变体，因为我正要在一个类似的问题上发布这个问题，你在我发布之前几秒钟删除了这个问题。

相关文章：