サポート » 使い方全般 » jsの設置場所と読み込み方法

  • 印刷プレビューを実現するための「print.js」「print.css」を作りました。
    ボタンも表示させ押下しますが、作動しません。

    jqueryとjs読み込みの
    <?php wp_enqueue_style(‘print’, get_bloginfo(‘siteurl’) . ‘/print.css’); ?>
    <?php wp_enqueue_script( ‘print’, get_bloginfo( ‘template_url’) . ‘/js/print.min.js’, array(jquery), false, true ); ?>
    をheader.phpのwp_headの直前に書いています。

    jsファイルはwp-admin/js/、cssファイルはルートディレクトリに入れています。

    印刷プレビューボタンを押下した時の動作スクリプト
    <script>
    jquery(document).ready(function(){
    jquery(“.printer”).click(function(){ // 印刷ボタンが押されたら
    jquery(“body”).addClass(“print”); // body classに”print”を追加
    window.print(); // 印刷を実行
    var timeout = setTimeout(function(){
    jquery(“body”).removeClass(“print”); // body classから”print”を削除
    }, 1000);
    return false; // 終了
    });
    });
    </script>
    を、header.phpのwp_headの直後に入れています。

    ボタンを表示させる
    印刷用ページを表示する
    を、サイトの表示の関係上、Contact Form 7のフォームに設置しています。

    どこが間違っているでしょうか?
    ご教授お願いいたします。

1件の返信を表示中 - 61 - 61件目 (全61件中)
  • wilsher

    (@wilsher)

    KUCKLUさん、見てらっしゃったらお願いします。

    以前はお世話になりました。

    同じサイトで問題発生です。

    http://aiai-housing.com
    サイトで、
    物件ページ
    http://aiai-housing.com/?post_type=fudo&p=9339
    の「印刷」ボタンを消したいのと、
    印用ページ
    http://aiai-housing.com/?post_type=fudo&p=9339&type=print
    のヘッダー、フッター、サイドバー、問い合わせフォームを消したいです。

    先日、WordPressバージョンが4.2に自動アップデートされ、上記リンクのような表示になってしまいました。
    スタイルシートでは、きちんと「display: none;」を指定しているのですが・・・

    よろしくお願いいたします。

1件の返信を表示中 - 61 - 61件目 (全61件中)
  • トピック「jsの設置場所と読み込み方法」には新たに返信することはできません。