WordPress使用JavaScript給錯誤

Question

我購買了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>

因此，當我打開inxdex.php時，該網站的工作方式就像魅力一樣，與我制作wordpress主題之前的工作方式相同，但是當我轉到single.php查看一篇文章時，我的樣式正在運行，但我的js卻不是，控制台說：像這樣的錯誤

未捕獲的TypeError：$不是函數或

jQuery未定義

要么

此版本已棄用

所以我要做的是使其在single.php上運行，而在index.php在function.php上運行時也給了我同樣的錯誤

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

所以我想要一種方法來使single.php看起來和index.php一樣正常。PS我將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主題，所以我只希望我的javascrpit文件在每個頁面上都能正常工作，謝謝

Answer 1

收到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' ); });

該解決方案是從收購這個其他問題，也有自己的一些其他有價值的東西，你應該讀為好。