Question

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

Answer 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);

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

Answer 2

虽然我无法通过调整Web开发人员工具对此进行测试，但有一个调整原因无法使用 - 在第163行的template.css中设置了

.b2j_form {
    height: 14% !important;
}

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

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

Jquery .animate 100％身高不起作用？

2 个答案: