2016-10-11 8 views
2

jQuery UIの問題が少しあります。& jQueryテーマが読み込まれていません。Wordpressにはフロントエンドテーマfunctions.php用のjQuery UI Checkboxradioが含まれています

最新のWordpress 4.6を使用しています。 私のテーマフォルダ内のfunctions.phpを使用して、IVEはこのコードを追加:

function jquery_frontend_scripts() { 
     global $wp_scripts; 
     wp_enqueue_script('jquery-core'); 
     wp_enqueue_script('jquery-ui-core'); 
     wp_enqueue_script('jquery-ui-checkboxradio'); 

     $queryui = $wp_scripts->query('jquery-ui-core'); 

     $url = "//ajax.googleapis.com/ajax/libs/jqueryui/".$queryui->ver."/themes/base/jquery-ui.css"; 
     wp_enqueue_style('jquery-ui-base', $url, false, null); 
    } 

    if (!is_admin()) add_action('wp_enqueue_scripts', 'jquery_frontend_scripts'); 

contact7ページでwordpressの管理IVEの中に追加:

<script> 
    jQuery(function() { 
     jQuery("input").checkboxradio({ 
      icon: false 
     }); 
    }); 
    </script> 

    <legend>Välj belopp: </legend> 
    <label for="radio-50">50 kr</label> 
    <input type="radio" name="radio-50" id="radio-50"> 
    <label for="radio-200">200 kr</label> 
    <input type="radio" name="radio-200" id="radio-200"> 
    <label for="radio-500">500 kr</label> 
    <input type="radio" name="radio-500" id="radio-500"> 

を関数が呼び出されていること。だから私は、jQueryのUIやjQueryのテーマが正しく読み込まれていない何かが間違っている必要がありますね。 ありがとう!

答えて

0

スクリプトのソースを指定して、関数wp_enqueue_scriptの2番目のパラメータとして渡してみましたか?

documentationを参照してください。

+0

ありがとうございました!私はそれを試してみましたが効果はありません:( wp_enqueue_script( 'jquery'、 '//code.jquery.com/jquery-3.1.1.min.js'); wp_enqueue_script( 'jquery-ui-core '、' //code.jquery.com/ui/1.12.1/jquery-ui.min.js '); ' –

0

私は少し遅れていますが、回答が見つからなかった場合は、jquery-uiの「ベース」スタイルのURLが正しくありません。 wordpressのjquery UIの現在のバージョンは1.11.4です。 //ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/base/jquery-ui.cssに行くと、基本スタイルがhttp://code.jquery.com/ui/から利用できるかどうかわかりませんバージョン1.11.4では使用できますが、バージョン1.12.1では使用可能です。だから私は別のスタイルを選択するか、ベーススタイルの最新の安定したバージョンが動作するかどうかを確認することをお勧めします。

関連する問題