Wordpress使用javascript给出错误

Wordpress using javascript giving errors

本文关键字：出错 错误 javascript 使用 Wordpress      更新时间：2023-09-26

我购买了一个html5主题，我想把它转换成wordpress主题，所以我的结构是:

css
js
images
index.php
header.php
footer.php
function.php
comments.php
single.php
page.php

我这样添加我的css样式因为我不想队列它不能作为随从

<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/grid.css">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/style.css">  
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/jquery.fancybox.css">

和我的风格完美地工作但对于js文件，我也是这么做的

<script src="<?php bloginfo('template_directory'); ?>/js/script.js"></script>

所以当我打开index .php的网站工作就像魅力一样的工作方式，它是之前我把它做成wordpress主题，但当我去single.php查看一篇文章我的风格是工作的，但我的js不是它控制台说:错误，如

Uncaught TypeError: $不是一个函数或者

jQuery是undefined

或

此版本已弃用

所以我要做的是使它在single。php上工作，同时在index。php上工作在function.php中执行同样的错误f.e

 wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.6', true );

我想让single。php看起来和index。php一样正常p.s.我把我的js文件放在mythem/js/和wordpress/js目录下，使它在我的index.php中工作，我的索引有

<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.js"></script

，它的工作所以请有没有一种方法，使这也工作在single.php内部如果这是有帮助的，我正在制作一个网站来发布文章，我想在wordpress下，因为它比从我买的HTML主题创建一个网站更容易使用，所以我只想让我的javascript文件以某种方式在每个页面上工作提前感谢

你得到Uncaught TypeError: $ is not a function的原因是因为jquery的$是不允许的wordpress时，jquery排队。为了防止库语法冲突

有几种方法可以使你的代码与wordpress兼容，我最喜欢的方法是用下面的包装函数将所有的jquery代码包装在该文件中:

jQuery(document).ready(function($){ //you can now use $ as your jQuery object. var body = $( 'body' ); });

这个答案是从另一个问题中得到的，还有其他一些有价值的东西，你也应该读一下。

相关文章：