Jquery .animate 100% 高度不起作用？答案

【问题标题】：Jquery .animate 100% height not working?Jquery .animate 100% 高度不起作用？
【发布时间】：2014-10-12 15:44:41
【问题描述】：

我和我的开发人员都被使用 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 高度。

【问题讨论】：

我不知道如何使用那个网站对不起我不是开发者。
尝试将带有class="enquiry"的div设为position:relative;
试过了，谢谢，但没有用。

标签： javascript jquery jquery-animate height joomla3.0

【解决方案1】：

我会以另一种方式做到这一点，我建议：

<div class="b2j-contact-group-class"></div>包含实际的表单元素，默认获取display: none;，然后当你点击.jscript时，你可以这样做：

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

然后关闭它：

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

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

【讨论】：

我刚试过这个，我肯定做错了所以这是代码。
jQuery( ".jscript" ).click(function() { JQuery(".bj2-contact-group-class").slideDown(1000); }); jQuery(".jscript2").click(function() {JQuery(".bj2-contact-group-class").slideUp(1000); });
jQuery( ".jscript" ).click(function() { JQuery(".bj2-contact-group-class").slideDown(1000); }); jQuery( ".jscript2" ).click(function() { JQuery(".bj2-contact-group-class").slideUp(1000); });
很抱歉第一次使用这个网站。
不，它不再做任何事情了。

【解决方案2】：

虽然我无法通过 Web 开发人员工具中的调整来测试这一点，但有一个调整导致它不起作用 - 在你设置的第 163 行的 template.css 中

.b2j_form {
    height: 14% !important;
}

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

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

【讨论】：