jQuery ajax打破了我的Divi主题。我如何解决它()

我目前在一个项目中, 我的脚本将架构代码添加到导航中。 jQuery代码确实有效。
但是, 当我添加ajax.googleapis.com的链接时, 它会破坏所有其他Divi样式的脚本。我将不胜感激!请在下面查看我的编码。我有一个儿童主题, 代码存储在functions.php文件中。
我正在使用的主题构建器是Div。

< ?phpfunction load_js() {if(!is_admin()) { echo '< script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> < /script> '; echo '< script type="text/javascript"> jQuery( document ).ready(function(){// Put itemscope and itemtype into navigation ul $("nav ul").attr("itemscope", "").attr("itemtype", "http://www.schema.org/SiteNavigationElement"); // put itemprop in lis $("nav ul li").attr("itemprop", "name"); //put itemprop url in anchors $("nav ul li a").attr("itemprop", "url"); }); < /script> '; }}add_action( 'wp_footer', 'load_js');

#1【jQuery ajax打破了我的Divi主题。我如何解决它()】经过深思熟虑并致力于其他项目, 我已经完成并解决了这个问题。
问题在于, 用于引入ajax jquery库的脚本已加载到而不是中。因此, 我做了一些简单的更改, 你可以在下面查看以查看修复。
< ?phpfunction load_js() {if(!is_admin()) { echo '< script type="text/javascript"> $( document ).ready(function(){// Put itemscope and itemtype into navigation ul $("nav ul").attr("itemscope", "").attr("itemtype", "http://www.schema.org/SiteNavigationElement"); // put itemprop in lis $("nav ul li").attr("itemprop", "name"); //put itemprop url in anchors $("nav ul li a").attr("itemprop", "url"); }); < /script> '; }}add_action( 'wp_footer', 'load_js'); // load ajax jquery for schema nav function ajax_jquery() { if(!is_admin()) { echo '< script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> < /script> '; } } add_action( 'et_head_meta', 'ajax_jquery');

谢谢大家的帮助!

    推荐阅读