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.
的链接执行此操作
我将 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.