在 WordPress 中的所有帖子页面加载上运行脚本答案

【问题标题】：Run script on all post page load in WordPress在 WordPress 中的所有帖子页面加载上运行脚本
【发布时间】：2017-06-14 05:10:00
【问题描述】：

我希望每次打开或加载帖子页面时运行我的 jQuery 脚本。我曾尝试在脚本中使用 echo 但不起作用

我应该把它放在哪里才能让脚本运行？

single.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<?php
/**
 * The template for displaying all single posts and attachments
 *
 * @package WordPress
 * @subpackage Twenty_Fifteen
 * @since Twenty Fifteen 1.0
 */

get_header(); ?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">

        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();

            echo "
                <script type=\"text/javascript\">
                alert("hello!"); //placeholder script
                </script>
            ";
            /*
             * Include the post format-specific template for the content. If you want to
             * use this in a child theme, then include a file called called content-___.php
             * (where ___ is the post format) and that will be used instead.
             */
            get_template_part( 'content', get_post_format() );

            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) :
                comments_template();
            endif;

            // Previous/next post navigation.
            the_post_navigation( array(
                'next_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Next', 'twentyfifteen' ) . '</span> ' .
                    '<span class="screen-reader-text">' . __( 'Next post:', 'twentyfifteen' ) . '</span> ' .
                    '<span class="post-title">%title</span>',
                'prev_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Previous', 'twentyfifteen' ) . '</span> ' .
                    '<span class="screen-reader-text">' . __( 'Previous post:', 'twentyfifteen' ) . '</span> ' .
                    '<span class="post-title">%title</span>',
            ) );

        // End the loop.
        endwhile;
        ?>

        </main><!-- .site-main -->
    </div><!-- .content-area -->

<?php get_footer(); ?>

【问题讨论】：

你有必要回声吗？您可以关闭 php while ( have_posts() ) : the_post(); ?>，像往常一样输出脚本 html，然后再次开始打开 php 标签<?php get_template_part( 'content', get_post_format() );。如果您的脚本使用 php 变量，则在其中添加 php 标签：alert("<?php echo 'hello!'; ?>");

标签： javascript php jquery ajax wordpress

【解决方案1】：

最好的方法可能是使用fopen

例如

<?php

$filename = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js";
$myfile = fopen($filename, "rb");
if (FALSE === $myfile) {
    exit("Failed to open stream to URL");
}

while (!feof($handle)) {
    $contents = stream_get_contents($myfile, 8192));
}
fclose($myfile);  //close the file again when necessary

?>

您也可以反转反斜杠并以传统方式回显脚本

<?php echo "<script type=\"text/javascript\" src=\"jquery.min.js\"></script>; ?>

请注意，我还没有完成 jquery 路径（这是缺点.. 这是一条很长的路径！.. 很多反斜杠..）

【讨论】：

【解决方案2】：

你没有逃避“你好”文本：

alert("hello!");

试试这个：

alert('hello!'); // or alert(\"hello!\");

【讨论】：

【解决方案3】：

我认为在 single.php 文件中使用你的脚本，或者尝试其他方式。

if( jQuery(".single").hasClass(".single-post") ){
    alert("hello!"); // whatever you want to process.
}

在您的主 js 文件中使用此代码。我想它会帮助你

【讨论】：