Wagtail 在地址栏中将“#”添加到 {{page.slug}}

Wagtail adds '#' to {{page.slug}} in address bar

我将 Wagtail 用于一个博客站点,在列表页面上自动填充博客 links。

但是,当我单击博客页面的 link 时,它会在地址栏中添加一个“#”。

因此,例如,我在本地主机上工作,博客地址为 http://127.0.0.1:8000/blog/ and once I click on the blog link, with slug blog-slug, I get http://127.0.0.1:8000/blog/#/blog-slug。我不确定为什么它甚至在父页面后面的位置添加散列标签 'blog'。

这是我在博客列表模板中的代码:

                            {% for post in all_posts %}
                            <figure class="item standard" data-groups='["all"{% for tag in post.tags.all %},"{{tag}}"{% endfor %}]'>
                                <div class="portfolio-item-img">
                                    {% image post.blog_image max-350x200 as img %}
                                    <img src="{{img.url}}" alt="{{img.alt}}" title="">
                                    <a href="{{post.slug}}" class="ajax-page-load"></a> <!-- Blog slug -->
                                    <br>
                                    <i class="{{post.icon}}"></i>
                                    <p>{{post.gallery_text|safe|truncatewords:30}}</p>
                                </div>
                                <h4 class="name">
                                    {{post.title}}
                                </h4>
                                <div class="post-info">
                                    <div class="post-date">
                                        <strong>Tags:</strong>
                                        {% for tag in post.tags.all %}| {{tag}} |{% endfor %}
                                    </div>
                                    <div class="post-date">{{post.published_date}}</div>
                                </div>
                            </figure>                            
                            {% endfor %}

知道哪里出了问题吗?

您可能有一些 Javascript 对具有(相当明显的命名)ajax-page-load class.

的链接执行此操作