在同一頁面上“頁面加載”后需要觸發警報

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功能所包含的帖子文本。