Hubspot JQuery添加活动类不起作用

时间:2018-07-30 10:14:31

标签: jquery html hubspot

我正在尝试使用“活动”类创建Hubspot自定义菜单模块,但是当我将URL用作href时它不起作用。当我单击链接时,页面将刷新,并且“活动”类不会更改。当我使用HUBL + HTML时,我不确定是否正确执行操作

<script type="text/javascript">
	$('.listing-menu a').on('click', function() {
	var h = $(this);
	h.parents('.listing-menu').find('li').removeClass('active'); 
	h.parentsUntil('.additional-menu', 'li').addClass('active'); 
	})
</script>
.listing-menu-item {
    width: fit-content;
    float: left;
    padding: 20px 25px;
}

a#listing-menu-items {
    text-decoration: none;
    color: #93a1af;
}

.active {
    background: white;
}

.listing-page-menu li{list-style:none; display: inline;}
  <div class="listing-page-menu" id="menu">   
    <ul class="listing-menu" id="listing-menus">
    	<li class="listing-menu-item active"><a id="listing-menu-items" href="/blog/"> <h5>Most Recent</h5></a></li>
	<li class="listing-menu-item"><a id="listing-menu-items" href="/blog/tag/tag1/"> <h5>Tag 1</h5></a></li>
	<li class="listing-menu-item"><a id="listing-menu-items" href="/blog/tag/tag2/"> <h5>Tag 2</h5></a></li>
	<li class="listing-menu-item"><a id="listing-menu-items" href="/blog/tag/tag3/"><h5>Tag 3</h5></a></li>
	<li class="listing-menu-item"><a id="listing-menu-items" href="/blog/tag/tag4/"> <h5>Tag 4</h5></a></li>
	<li class="listing-menu-item"><a id="listing-menu-items" href="/blog/tag/tag5/"> <h5>Tag 5</h5></a></li>
    </ul>
  	</div>

1 个答案:

答案 0 :(得分:0)

检查此代码:

{% for item in my_topics %}
    <li>
       <a class="{% if item.slug == topic %} active {% endif %}" href="{{ blog_tag_url(group.id, item.slug) }}">{{ item }} </a>
    </li>
{% endfor %}

希望它会有所帮助。很乐意提供帮助。