javascript - 需要在同一页面上的 "page load"之后触发警报

Question

这是一个 WordPress 网站，我有一个模板，可以在该 URL http://www.example.com/articles 中呈现列表中的所有帖子。当用户单击帖子标题时，它会使用相同的模板但使用不同的 URL http://www.example.com/articles/?article_id=298 加载帖子的内容。我无法弄清楚的是如何在页面加载帖子内容后显示警报。我试过 setTimeout, $(document).ready, $(window).load, window.onload=funtion( )，现在 $(document).on("pagecontainerload",function()。

JQuery/JavaScript

    $('a.open-alert').click(function() {
      $(document).on("pagecontainerload",function(){
          window.alert('hey');
      });
    });

HTML

            <?php
                $tearsheet = get_query_var('article_id');
                if($tearsheet != '') {
                    echo 'there is something here';
                } else {

                    $args = array(
                    'post_type' => 'post',
                    'posts_per_page' => -1,
                    );

                    $query = new WP_Query( $args );

                    if($query->have_posts()) :
                        while($query->have_posts()) :
                            $query->the_post();
                ?>
                            <div>
                                <?php $id = get_the_ID(); ?>
                                <?php $title = get_the_title(); ?>
                                <a class="open-alert" href="<?php bloginfo('url'); echo '/find-articles/?article_id='.$id; ?>"><?php echo $title; ?></a>
                            </div>
                <?php
                        endwhile;
                    endif;
                }
            ?>

Answer 1

click处理程序将永远不会执行，因为页面卸载并加载新页面 - 链接中的页面 <a class="open-alert" href="<?php bloginfo... .你可能有一个 return false在 onclick 处理程序中，但这意味着链接不会被执行。

为了动态地执行此操作，请考虑仅重新加载该页面中的容器，其中包含一些 Ajax 功能的帖子文本。