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()、div を (非表示) にして#content、完了slideDown()(表示) したい#page_banner:

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

何らかの理由で を実行しませんがslideUp()、400ms 後に#contentdiv を非表示にしてslideDown()to を実行し#page_bannerます。

なぜそれが起こっているのですか？

jsfiddleを作成しようとしましたが、キャンバスをサポートしていないと思われるため、そこでも正確には機能しません。

4

1 に答える 1

0

問題が見つかりました: #contentdiv の高さは CSS で次のように定義されていました。

height:640px !important;

部品が正しくスライドするの!importantを妨げていました。削除すると、すべて正常に機能しました。

于 2013-06-12T11:51:52.493 に答える