3

jQuery UI ダイアログを WordPress で動作させようとしています。この投稿（WordpressでjQuery UIダイアログを使用する）を見て、解決策を試みましたが、うまくいきません。問題が発生した場合に備えて、twentyeleven テーマに基づく子テーマを使用しています。

これを php の wp_head() 関数の前に直接置きます。

function frontporch_enqueue_scripts() {
        if (!is_admin() ) {
            wp_enqueue_script( 'jquery' );
            wp_register_script( 'google-jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js', array( 'jquery' ) );
            wp_register_script( 'jquery-template', get_bloginfo('template_directory').'/js/jquery.template.js',array('jquery'),version_cache(), true);
            wp_register_style( 'jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/smoothness/jquery-ui.css', true); 
            wp_enqueue_style( 'jquery-style' );
            wp_enqueue_script( 'google-jquery-ui' );
            wp_enqueue_script( 'jquery-template' );
        }       
    }   
    add_action( 'init', 'frontporch_enqueue_scripts' );

Twentyeleven テーマまたは子テーマには、実際にはその 3 番目のスクリプト (template.js) がないことに気付きましたが、それが問題を引き起こしているとは思いません。

次に、これを HEAD タグの最後に追加しました。

<script type="text/javascript">
$( "#markte_area" ).dialog({
    autoOpen: false,    
});

jQuery(document).ready(function($){
    jQuery( "#markte_link" ).click(function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    }); 
}); //end document ready
</script>

ページを読み込むと、エラー コンソールに次のエラーが表示されます。

エラー: $ は関数ではありません

問題の診断に役立つ場合は、これが発生しているページがここにあります。助けてくれてありがとう！

4

3 に答える 3

0

私はちょうどあなたのページを見ました。jQuery.js をロードしていますが、jQuery-ui.js はロードしていません。それが機能していない理由です。

また、必要なすべてのモジュールを含む正しい jquery-ui.js をロードしていることを確認してください。

于 2012-08-05T22:11:43.997 に答える
0

含めているすべてのスクリプトを確認してください。ネットワーク タブの firebug で、不適切なリンクの 403 エラーが表示されることがあります。（ところで、チェックする前にすべてのキャッシュをクリアしてください）。

また、jQuery はそのまま動作しますか?

于 2012-08-05T10:29:12.987 に答える
0 
wp_enqueue_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js', array('jquery'), '1.8.6');
于 2013-11-04T09:58:54.893 に答える