我目前在一个项目中, 我的脚本将架构代码添加到导航中。 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');
谢谢大家的帮助!
推荐阅读
- 连接表格并获取数据到手风琴/可折叠和表格
- 12月活动|重拾写作的力量,挑战7/14/21日连更!
- 网络编程框架t-io的编程基本知识介绍
- Java 将Word转为OFD
- 作业帮上万个 CronJob 和在线业务混部,如何解决弱隔离问题并进一步提升资源利用率()
- #私藏项目实操分享#Android开发(当前项目以Module形式引用别的项目的步骤)
- #yyds干货盘点#Linux里的“宝塔”,真正的宝塔!详细教程
- MS radius 约束SSID VLAN细化无线安全认证
- 单例模式 --- 生产环境怎么写#yyds干货盘点#