如何将jQuery添加到WordPress

时间:2016-12-20 作者:iani garthalski

您好,我正在尝试将jquery启用到我的wordpress网站。到目前为止,我在互联网上搜索了一些有用的东西,但没有任何帮助。

这是我的jquery脚本

jQuery(document).ready(function($){
alert(\'test\');
    });
这就是我的函数php中的内容

   <?php
    add_action( \'wp_enqueue_scripts\', \'add_my_script\' );
    function add_my_script() {
        wp_enqueue_script(
            \'jquerydemo\', // name your script so that you can attach other scripts and de-register, etc.
            get_template_directory_uri() . \'/js/jquerdemo.js\', // this is the location of your script file
            array(\'jquery\') // this array lists the scripts upon which your script depends
        );
    }
    ?>
这是我的另一个文件头。php

<html>
<head>
<?php

wp_head();
?>
<title>Stumble</title>
<link rel="stylesheet" href="<?php bloginfo(\'stylesheet_url\')?>">

</head>
<body>
<div id="wrapper">
<header class="site-header">
<h1>HEADER</h1>
<div id="dropDownButton">
</div>
<nav class="site-nav col-12 col-m-12">
<?php wp_nav_menu( $args);?>
</nav>
</header>
<?php
$args = array(
    \'theme_location\' => \'primary\'
);
?>
索引。php

<?php get_header();?>
<div id="main">
<div id="content">
<h1>Main Area</h1>
<?php if (have_posts() ) : while (have_posts() ) : the_post();?>
<h1><?php the_title(); ?></h1>
<?php if (is_single()){
echo "<h4>Posted on " ;the_time(\'Y,j,F\'); echo"</h4>";
} ?>
<p><?php the_content(_(\'(more...)\')) ?></p>
<hr> <?php endwhile; else: ?>
<p><?php _e(\'Sorry, no posts matched your criteria.\') ?></p>
<?php endif; ?>
<div class="nav-previous alignleft"><?php next_posts_link( \'Older posts\' ); ?></div>
<div class="nav-next alignright"><?php previous_posts_link( \'Newer posts\' ); ?></div>
</div>
<div id="delimiter">
</div>
<?php get_footer(); ?>
页脚。php

<div id="footer">
<?php

wp_footer();
?>
<h1>FOOTER</h1>
</div>
</div>
</body>
<html>

1 个回复
最合适的回答,由SO网友:CodeMascot 整理而成

我想我发现了你的问题。在您的header.php 您尚未放置的文件wp_head() 还有你的footer.php 你错过了wp_footer(). 在那里,脚本和样式实际上被钩住了。请添加这些wp_head()wp_footer()header.phpfooter.php 分别地如果你不知道如何在这些文件中添加这些函数,请查看WordPress默认主题的源代码。你会有主意的。

希望这有帮助。

相关推荐

JQuery php请求返回一个奇怪的结果

我有一个奇怪的小故障发生在我身上,我不知道我是如何产生它的,或者它是否是正常的。我正在开发自己的插件,当一个足球队/足球队被输入到一个框中时,它会检查它是否已经在数据库中。以下是我的代码行add_action( \'admin_footer\', \'fws_teamcheck_javascript\' ); function fws_teamcheck_javascript() { ?> <script type="text/javascript">