サポート » テーマ » jsファイルが読み込めない

  • 解決済 omakihan

    (@omakihan)


    PHP Version 5.3.5
    ブラウザ/safari5.0.6

    header.phpに直接書き込んでいたJavaScriptを
    外部jsファイル(org.js)を新たに作って読み込ませようとしています。
    ローカルでテストしているのですがうまく行きません。
    (直書きでは問題なく動作しています。)
    phpの知識はありません。

    ●以下のコードをheader.phpの<?php wp_head(); ?>の上に書き込みました
    が反映されませんでした。

    <?php wp_enqueue_script(‘org’,get_template_directory_uri() . ‘/js/org.js’, array(), ‘1.0’); ?>

    ●以下のコードをfunction.phpに貼付けたのですがうまく行きませんでした。

    function my_scripts_method() {
    wp_enqueue_script(
    ‘org’,
    get_template_directory_uri() . ‘/js/org.js’,
    array(‘ ‘)
    );
    }
    add_action(‘wp_enqueue_scripts’, ‘my_scripts_method’);

    ちなみに以下も試しましたがダメでした。
    <script src=”<?php echo get_template_directory_uri(); ?>/js/org.js” type=”text/javascript”></script>

    あれこれ検索しまくったのですがわからず、質問させていただきました。
    初心者にも分かるように、ご示唆いただけましたら幸いです。

7件の返信を表示中 - 16 - 22件目 (全22件中)
  • スレッド開始 omakihan

    (@omakihan)

    MIZUNO様

    度々すみません!
    感謝致します!

    公開サイトにorg.jsをアップしました。
    omakihan/wp-content/themes/js/org.js

    ソースを見ましたがそれらしい表記は見つかりませんでした。
    階層は上記の通りです。

    現状、header.phpの
    <script type=”text/javascript”>〜〜</script>をはずした状態で
    公開しています。
    (プルダウンメニューやサイトの高さが反映されていない状態です)

    公開サイトにorg.jsをアップしました。
    omakihan/wp-content/themes/js/org.js

    階層が一個ちがいますね。
    wp-content/themes/omakihan/js/org.js
    の所に、jsファイルを置いてもらえますか。

    その後、テーマのfunctions.phpに

    function my_scripts() {
    	wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/org.js', array( 'jquery' ) );
    }
    add_action( 'wp_enqueue_scripts', 'my_scripts' );

    を書けば、表示されるはずです。

    スレッド開始 omakihan

    (@omakihan)

    MIZUNO様

    すみません!!!

    階層は書き間違えておりました。
    http://omakihan.com/omakihan/omakihan/wp-content/themes/omakihan/js/org.js

    wp-content/themes/omakihan/js/org.jsにjsファイルはあります。

    書いていただいたコードをfunctions.phpに記述しましたが
    やはり作動しないようです。
    フロントページのソースを見ますと

    <script type=’text/javascript’ src=’http://omakihan.com/omakihan/omakihan/wp-content/themes/omakihan/js/org.js?ver=3.9.2′></script&gt;

    と表示されていました。

    テーマの作りに問題があるのかもしれません。

    https://gist.github.com/kimama1997/ce079eef093c9bdd463b

    こうかな…minifyされてるから抜け落ちあるかも

    上のコードで一応やりなおしました

    スレッド開始 omakihan

    (@omakihan)

    Hinaloe様

    ありがとうございます!

    しかしながらorg.jsをいただいたコードに置換えましたが
    作動しませんでした。。。

    コピペでつくったオリジナルテーマなので
    どこかに不備があるのだと思います。

    皆様

    いろいろお手間をかけてすみませんでした。
    また解決しましたら報告させていただきます。

    モデレーター Seisuke Kuraishi (tenpura)

    (@tenpura)

    jQuery(function(){

    jQuery(function($){

    ですね。$ が抜けてます。

    スレッド開始 omakihan

    (@omakihan)

    Kuraish様

    ありがとうございます!!!
    おかげさまでjsファイル読み込みできました!!

    MIZUNO様 世話役様 Hinaloe様 nobita様

    感謝致します!
    ありがとうございました!

    [function.phpの記述]
    function my_scripts() {
    wp_enqueue_script( ‘org’, get_template_directory_uri() . ‘/js/org.js’, array( ‘jquery’ ) );
    }
    add_action( ‘wp_enqueue_scripts’, ‘my_scripts’ );

    [jsファイルのの記述]
    jQuery(function($){
    var height = $(‘#container’).outerHeight();
    height = height + ‘px’;
    $(‘#main’).css(‘height’,height);
    $(‘#sidebar’).css(‘height’,height);

    // sidebarプルダウンメニュー

    $(“ul.children”).hide();
    $(“li.page_item”).hover(function() {
    $(“ul.children”,this).slideDown(“fast”);
    },
    function() {
    $(“ul.children”,this).slideUp(“fast”);
    });

    //ページ上部へ戻る
    $(“.btn_top”).click(function () {
    $(‘html,body’).animate({ scrollTop: 0 }, ‘fast’);
    return false;
    });

    });

7件の返信を表示中 - 16 - 22件目 (全22件中)
  • トピック「jsファイルが読み込めない」には新たに返信することはできません。