2017-04-06 22 views
0

をロードしませんフォントワームが適切に読み込まれていないだけでなく動作しません。 Here is the link for the test siteJavaScriptとCSSは、あなたが<a href="http://codepen.io/Sidney-Dev/pen/gmyoWM?editors=1111" rel="nofollow noreferrer">here</a></p> <p>が今私のjavascriptがあるように見えるのWordPressテストサイト上で実装しようとしたリンクを訪問するかどうかを確認することができますように私は私のコードはcodepen経由で操作できるように管理し、ワードプレスのサイトで正しく

ここでは、私のJSです:

$(document).ready(function() { 
    var txtFromDate, txtToDate; 
    $("#txtFrom").datepicker({ 
    numberOfMonths: 1, 
    onSelect: function(selected) { 
     txtFromDate = selected; 
     var dt = new Date(selected); 
     dt.setDate(dt.getDate() + 1); 
     $("#txtTo").datepicker("option", "minDate", dt); 
    } 
    }); 
    $("#txtTo").datepicker({ 
    numberOfMonths: 1, 
    onSelect: function(selected) { 
     txtToDate = selected; 
     var dt = new Date(selected); 
     dt.setDate(dt.getDate() - 1); 
     $("#txtFrom").datepicker("option", "maxDate", dt); 
    } 
    }); 

    $('.submit-here').click(function() { 
    // var link = day_1+month_1+year; 
    var date1 = $("#txtFrom").datepicker('getDate'), 
     day_1 = date1.getDate(), 
     month_1 = date1.getMonth() + 1,    
     year_1 = date1.getFullYear(); 

    var date2 = $("#txtTo").datepicker('getDate'), 
     day_2 = date2.getDate(), 
     month_2 = date2.getMonth() + 1,    
     year_2 = date2.getFullYear(); 

    var where = $('#selection :selected').text(); 
    var people = $('#people :selected').text(); 

    console.log('www.lekkeslaap.co.za/akkommodasie-in/'+where+'?q='+where+'&start='+day_1+'+'+month_1+'+'+year_1+'&end='+day_2+'+'+month_2+'+'+year_2+'&pax='+people); 
    }); 
}); 

そしてここで、それは私のfunctions.phpのためです:

function testsite_scripts() { 
    wp_enqueue_style('testsite-style', get_stylesheet_uri()); 
    wp_enqueue_style('fontawesome', get_template_directory_uri() . 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), '1.0.0', 'all'); 
    wp_enqueue_script('testsite-navigation', get_template_directory_uri() . '/js/navigation.js', array('jquery'), '20151215', true); 

    wp_enqueue_script('testsite-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true); 

    if (is_singular() && comments_open() && get_option('thread_comments')) { 
     wp_enqueue_script('comment-reply'); 
    } 
} 
add_action('wp_enqueue_scripts', 'testsite_scripts'); 

function testsite_load_scripts(){ 

    wp_enqueue_style('font_extra', get_template_directory_uri() . 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/start/jquery-ui.css', array(), '1.0.0', 'all'); 
    wp_enqueue_script('plugin_script', get_template_directory_uri() . 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js', array('jquery'), '20151215', true); 
    wp_enqueue_script('calendario', get_template_directory_uri() . 'http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js', array('jquery'), '20151215', true); 
    wp_enqueue_script('calendario', get_template_directory_uri() . '/js/calendario.js', array('jquery'), '20151215', true); 
} 

add_action('wp_enqueue_scripts', 'testsite_load_scripts'); 

答えて

1

、彼らがしているとして、あなたのhtmlの<head>でご参照URLは、間違っています次のとおりです。

あなたがそれらの2つのURLの先頭からhttp://wordpressdev.burnnotice.co.za/wp-content/themes/testsiteを削除した場合、彼らは罰金ロードする必要があります。これを行うには、これらの2つの参照については、get_template_directory_uri() .部分をPHPファイルから削除する必要があります。フォント素晴らしいCSSを間違ったのすべての

あなたのリンクであなたのjsに関連していない

function testsite_scripts() { 
    wp_enqueue_style('testsite-style', get_stylesheet_uri()); 
    wp_enqueue_style('fontawesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), '1.0.0', 'all'); 
    wp_enqueue_script('testsite-navigation', get_template_directory_uri() . '/js/navigation.js', array('jquery'), '20151215', true); 

    wp_enqueue_script('testsite-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true); 

    if (is_singular() && comments_open() && get_option('thread_comments')) { 
     wp_enqueue_script('comment-reply'); 
    } 
} 
add_action('wp_enqueue_scripts', 'testsite_scripts'); 

function testsite_load_scripts(){ 

    wp_enqueue_style('font_extra', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/start/jquery-ui.css', array(), '1.0.0', 'all'); 
    wp_enqueue_script('plugin_script', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js', array('jquery'), '20151215', true); 
    wp_enqueue_script('calendario', 'http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js', array('jquery'), '20151215', true); 
    wp_enqueue_script('calendario', get_template_directory_uri() . '/js/calendario.js', array('jquery'), '20151215', true); 
} 

add_action('wp_enqueue_scripts', 'testsite_load_scripts'); 
+1

を、私は第2の機能をキャンセルし、第一の機能のすべてをロードし、それが私の今codepenしないと、それは同じように動作します。 サポートをよろしくお願いします。 –

0

には、以下のPHPコードを試してみてください。あなたのリンクはこれです:

http://wordpressdev.burnnotice.co.za/wp-content/themes/testsitehttps://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=1.0.0 

そして、それはこのようになります。

https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=1.0.0 

あなたheader.phpファイルのコードをチェックアウト。直接リンクする必要があります!このように:

<link rel='stylesheet' id='fontawesome-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=1.0.0' type='text/css' media='all' /> 
1
wp_enqueue_style('fontawesome', get_template_directory_uri() . 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), '1.0.0', 'all'); 

と同様の問題があります。

あなたは、明らかに、間違っている

/wp-content/themes/testsitehttps:/maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=1.0.0 

から資産をロードしようとしています。

get_template_directory_uri()は、WPテーマの相対パスを取得します。代わりに

、この試してみてください。最初はそれだけでfontawesome作業

wp_enqueue_style('fontawesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), '1.0.0', 'all'); 
+0

それはそれについてでした。 @AryKay完全な答えと私は私が望むように実行されます。ありがとうございます –

+0

問題ありません。答えが役に立つ場合は、そのようにマークしてください。 –

関連する問題

 関連する問題