Wordpress 如何将 jquery 添加到 Moodle 项目

Posted

技术标签:

【中文标题】Wordpress 如何将 jquery 添加到 Moodle 项目【英文标题】:Wordpress how to add jquery to Moodle project 【发布时间】:2021-11-06 07:29:12 【问题描述】:

我正在尝试将jquery 添加到我的moodle 项目中

我将此添加到additional.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

我不断收到错误 $ is not defined 为什么?

你能解释一下吗?

【问题讨论】:

【参考方案1】:

首先确保jquery 已加载到您的页面上。把它放在你的functions.php

add_action('wp_enqueue_scripts', 'enqueue_my_files');
function enqueue_my_files()
  wp_enqueue_script('jquery');

在您的 javascript 部分中,使用此语法定义 $,然后在其中编写您的 jquery 代码

jQuery(document).ready( function($)

  // you could put your jquery code in here!

);

【讨论】:

以上是关于Wordpress 如何将 jquery 添加到 Moodle 项目的主要内容,如果未能解决你的问题,请参考以下文章

如何将 HTML 添加到 Wordpress 菜单?

将 jQuery 插件安装到 wordpress 中

WordPress菜单如何将一个类添加到仅父元素?

如何将自定义 javascript 添加到 WordPress 管理员?

在 WordPress/jQuery 中添加

wordpress上面如何在导航栏上面添加子分类