javascript - html 页面中的 Jquery 脚本不起作用

Question

我的 WP 网站中有一个 php 页面，我正在尝试直接在 php.ini 中添加 Jquery 脚本。基本上是这样的，结构......**

<?php
/*
Template Name: Gallery Page
*/
?>
<?php get_header(); ?>


<?php
     //here i have my working php code
?>               
      //here some HTML           




  <script  language="JavaScript" type="text/javascript"    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 



                           alert("hi");


 </script>


        <?php
                endwhile;

                    else :

                    // no rows found

                    endif;



        ?>


 <div class="spacing"></div>

<?php get_footer(); ?>

如果我按照脚本中的设置进行设置，任何人都知道为什么我的 javascript 代码不起作用。如果我只输入它就可以了

<script>

 alert("Hi");

</script>

另外:如果我在页脚中链接 jquery，并使用上面的代码在我的网站中调用外部脚本，它就可以工作。警报开始。有人知道为什么吗？我所做的似乎是正确的，我正在努力克服这个问题。

提前致谢

Answer 1

从脚本标记中删除语言:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

还要确保在调用警报之前关闭脚本标记。实际上只需完全删除警报即可。

重要说明:由于您使用的是 WordPress，因此您甚至不必在页面上包含 jQuery，因为它从一开始就随 WordPress 一起提供。

在 WordPress 中包含 main.js 脚本文件；

创建functions.php文件

将以下代码段粘贴到此文件中:

<?php
    function include_my_scripts() {
      wp_enqueue_script('main', 'scripts/main.js', array('jquery'), '', true);
    }
    add_action('wp_enqueue_scripts', 'include_my_scripts');
?>

这会将脚本命名为main，它位于scripts/main.js，它依赖于jQuery，它没有版本，应该包含它在页面底部。

查看 WordPress 代码以获取更多信息。

此外，脚本包含应该从 functions.php 完成，而不是从模板完成。