Question

enter image description here我目前正在开发一个项目，我的脚本将架构codex添加到导航中。 jQuery代码确实有效。

但是，当我添加ajax.googleapis.com的链接时，它会破坏所有其他Divi样式脚本。我将不胜感激任何帮助！请查看下面的编码。我在子主题中有这个，代码存储在functions.php文件中。

我正在使用的主题建设者是Div。

<?php


function 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');

Answer 1

在思考并研究其他一些项目之后，我已经完成并解决了这个问题。

问题是拉入ajax jquery库的脚本正被加载到而不是。所以我做了一些简单的更改，您可以在下面查看以查看修复。

    <?php


    function 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');

感谢大家的帮助！

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

1 个答案: