0

私はワードプレスのバージョン3.4でこのフォームを構築します http://xn--5dbaaldanagj3al0n.org.il/

jquery ui私はそのようにファイルを移植しました

add_action( 'init', 'frontporch_enqueue_scripts' );
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( 'ui-core', get_bloginfo('template_directory').'/ui/jquery.ui.core.js',array('jquery'), true);
        wp_register_script( 'ui-position', get_bloginfo('template_directory').'/ui/jquery.ui.position.js',array('jquery'), true);
        wp_register_script( 'ui-selectmenu', get_bloginfo('template_directory').'/ui/jquery.ui.selectmenu.js',array('jquery'), true);
        wp_register_script( 'ui-widget', get_bloginfo('template_directory').'/ui/jquery.ui.widget.js',array('jquery'), true);       
        wp_register_style( 'jquery-core', get_bloginfo('template_directory').'/themes/base/jquery.ui.core.css', true);
        wp_register_style( 'jquery-selectmenu', get_bloginfo('template_directory').'/themes/base/jquery.ui.selectmenu.css', true);
        wp_register_style( 'jquery-theme', get_bloginfo('template_directory').'/themes/base/jquery.ui.theme.css', true);        
        wp_enqueue_style( 'jquery-core' );
        wp_enqueue_style( 'jquery-selectmenu' );
        wp_enqueue_style( 'jquery-theme' );     
        wp_enqueue_script( 'google-jquery-ui' );
        wp_enqueue_script( 'ui-core' );
        wp_enqueue_script( 'ui-position' );
        wp_enqueue_script( 'ui-selectmenu' );
        wp_enqueue_script( 'ui-widget' );
    }       
}

スクリプトを次のheader.phpようにファイルに入れます

<script>
jQuery(document).ready(function($) {
    $("#formlocation select").selectmenu();
    $("#formlocation input[type=text]").button();
});
</script>

そして、サイトにアクセスすると、ドロップダウンリストが奇妙に見え、幅がすべてのフィールドと同じであると想定され、選択が壊れていることがわかります。このフォームの開発が終了したとき、すべてがスムーズに機能していました。

3.5 バージョンには独自のjquery uiファイルが付属しているためですか? 3.5ですか？？JS の実装を外そうとしましたが、うまくいきませんでした

そこで何が起こっているのか知りたいです 事前に感謝します

4

1 に答える 1

0

jQuery UI を複数回含めないようにし、ファイルの順序が正しいことを確認してください。

そのため、結合された CDN ファイルと selectmenu js ファイルのみを使用するか、必要なすべての jQuery UI プラグイン / ウィジェットを正しい順序 (Core、Widget、Position、Selectmenu) で含めます。

于 2012-12-19T22:22:31.610 に答える