1

这就是我想要做的 - 我有我的页面结构：

<div id="wrapper">
    <div id="page_banner">
        <canvas id="voucher_canvas"></canvas>
        <div id="div_voucher_img"><img id="voucher_img" src="" /></div>
    </div>

   <div id="content">
        inner divs with contact form...
        <div id="div_send_form"></div>
   </div>
</div>

加载页面时 - 我正在隐藏 #page_banner 并#voucher_canvas使用 jQuery：

$("#page_banner, #canvas_voucher, #div_print_voucher").hide();

当用户填写表单并单击 时#div_send_form，它应该在画布上绘制一张凭证，其中包含他输入的一些详细信息，然后从该画布创建一个图像。之后我想slideUp()（隐藏）#contentdiv并在完成时slideDown()（显示）#page_bannerdiv：

$("#content").slideUp(400, function () {
    $("#page_banner, #div_print_voucher").slideDown(1000);
});

出于某种原因，它不执行slideUp()，但在 400 毫秒后只是隐藏#contentdiv 并执行slideDown()to #page_banner。

为什么会这样？

我试图创建一个jsfiddle，但我猜它不支持画布，所以它也不完全在那里工作。

4

1 回答 1

0

发现问题： div的高度#content在CSS中定义如下：

height:640px !important;

该!important零件阻止它正确向上滑动。一旦它被删除 - 一切都很好。

于 2013-06-12T11:51:52.493 回答