Slide toggle Jquery UI

时间:2020-01-22 作者:Christian

我一直在寻找让jquery ui的正确库排队的方法,但我看不到有这样的方法,关于如何使用它而不出错,有什么想法吗?

        jQuery(\'#menu_desktop\').toggle("slide", {direction: "left"});

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

我的jquery ui排队

wp_enqueue_script(\'jquery-ui\', \'http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js\', \'1\', true);

wp_enqueue_script(\'menu_script\', get_stylesheet_directory_uri() . \'/js/menu.js\', array(\'jquery\', \'jquery-ui\'), \'1\', true);
我的错误

jquery.min.js?ver=3.4.1:2 Uncaught TypeError: k.easing[this.easing] is not a function
    at init.run (jquery.min.js?ver=3.4.1:2)
    at u (jquery.min.js?ver=3.4.1:2)
    at Function.k.fx.tick (jquery.min.js?ver=3.4.1:2)
    at lt (jquery.min.js?ver=3.4.1:2)
正在导入库

enter image description here

1 个回复
SO网友:HU ist Sebastian

由于jQuery UI包含在Wordpress核心中,因此不需要从CDN加载它。请尝试更改您的wp\\u enqueue\\u脚本

wp_enqueue_script(\'jquery-ui\', \'http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js\', \'1\', true);
wp_enqueue_script(\'menu_script\', get_stylesheet_directory_uri() . \'/js/menu.js\', array(\'jquery\', \'jquery-ui\'), \'1\', true);

wp_enqueue_script(\'jquery-ui-core\');
wp_enqueue_script(\'jquery-effects-slide\');
wp_enqueue_script(\'menu_script\', get_stylesheet_directory_uri() . \'/js/menu.js\', array(\'jquery\', \'jquery-ui-core\',\'jquery-effects-slide\'), \'1\', true);
还请确保在文档中调用幻灯片效果。就绪功能;)