Question

我在wordpress版本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>

现在当你进入the site时，你会看到下拉列表看起来很奇怪，宽度假设与所有字段相同而且选择已损坏。当我完成这个表格的开发时，一切都顺利进行。

因为3.5版本附带了自己的jquery ui文件？这是3.5吗？我试图取消JS实现，但它没有起作用

很想知道那里发生了什么提前谢谢

Answer 1

请尽量不要多次包含jQuery UI，并确保文件的顺序正确。

因此，只使用组合的CDN文件和selectmenu js文件，或者按正确的顺序包含所有需要的jQuery UI插件/小部件：Core，Widget，Position，Selectmenu。

jquery ui selectmenu与wordpress 3.5一起工作

1 个答案: