我正在制作一个WordPress主题,我是WordPress的新手,但对HTML,CSS,JavaScript,jQuery和PHP有很多了解。
问题是我创建的主题是不加载插件js文件。
这是我的标题代码:
<!DOCTYPE HTML>
<html>
<head>
<title>
<?php
wp_title('|','true','right');
bloginfo('name');
?>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
</title>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/css/reset.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/css/grid.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/style.css" />
<script type="text/javascript" src="<?php echo bloginfo('template_url')?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_url')?>/js/bootstrap.min.js"></script>
<?php
wp_head();
?>
</head>
<body>
<div class="container">
<div class="main-nav row" id="show-nav">
<a href="javascript:;">Navigation</a>
</div>
<div class="main-nav row" id="close-nav">
<a href="javascript:;">Close Navigation</a>
</div>
<div class="row nav-bar">
<?php
wp_nav_menu(array('container_class'=>'main-nav','container'=>'nav'));
?>
</div>
我手动加载jquery但是我试图用wordpress函数加载jquery。
也试过这段代码,
if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
wp_deregister_script('jquery');
wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
wp_enqueue_script('jquery');
}
但没有工作。我尝试了很多插件,但只是插件的js文件没有加载,所以没有插件工作。
我尝试过metaslider插件和Easy Image Gallery插件。两者都适用于Wordpress默认主题但不适用于我的,因为js文件。
答案 0 :(得分:1)
在关闭body标签之前没有包含wp_footer函数,它与wp_footer函数一起使用。
答案 1 :(得分:0)
您可以尝试在function.php上添加它,例如:
wp_register_script('jquery-ui', get_template_directory_uri().'/js/jquery-ui.js');
wp_enqueue_script('jquery-ui');