简体   繁体   English

我正在使用Bootstrap产品组合部分,想删除“ ALL”第一个标签并选择类别

[英]I am using Bootstrap portfolio section, want to remove 'ALL' first tab and make the category selected

I am using this template 我正在使用此模板

You can scroll down to WORK section which is the portfolio section filterable. 您可以向下滚动到WORK部分,该部分是可过滤的Portfolio部分。

The already selected option is "ALL" and that shows all the items. 已经选择的选项是“ ALL”,它显示所有项目。 I want to get rid of it and make one of the other tabs active. 我想摆脱它并使其他选项卡之一处于活动状态。

I tried removing the tab and add class 'selected' to one of the other tabs which make it look active but it's still showing 'ALL' items and not just the active tab unless I click on any other tab and select it back. 我尝试删除该选项卡,并将“已选择”类添加到其他选项卡之一,使其看起来处于活动状态,但除非我单击任何其他选项卡并再次将其选中,否则它仍显示“所有”项,而不仅仅是活动选项卡。

I'm not too good with java script so an easy instructions will be really appreciated. 我不太喜欢Java脚本,因此非常感谢您提供简单的说明。 Thank you so much. 非常感谢。

Just trigger the click event too while you make any tabs active like one below: 在使任何选项卡处于活动状态时也只需触发click event ,如下所示:

$('[data-option-value=".web"]').trigger('click');

Run the above code in console of the link given by you and you can see the changes. 在您提供的链接的console中运行上面的代码,您可以看到更改。 You can choose any of the tab to be active. 您可以选择任何一个选项卡来激活。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 我想让这个手风琴中的第一个选项卡默认打开 - 不使用 jQuery 或引导程序? - I want to make the first tab in this accordion to be opened by default -without jQuery or bootstrap? 如何为引导组合选择默认类别 - How can I select a default category for bootstrap portfolio 我正在使用 selectpicker 我想编辑来自数据库的数据,但所有选项都已被选中 - I am using selectpicker I want to edit the data coming from the database, but all options are coming already selected 想显示投资组合图片,但我遇到了一些错误 - want to show portfolio images but i am facing some error 我想在pug和node.js中创建一个类别和子类别选择菜单。 子类别根据所选类别而变化的位置 - I want to make a category and sub category select menu in pug and node.js. Where Subcategory changes based on category selected 我正在使用Owl Carousel-按类别对项目进行筛选,因此我想在每个类别按钮单击时显示类别说明 - I am using Owl Carousel - Filter on projects as per category so i want to show the category description on every category button click 我想使用 JavaScript DOM 制作更多详细信息按钮/选项卡 - I want to make a more details button/tab using JavaScript DOM 打开引导模式时使第一个选项卡成为活动选项卡 - make the first tab the active tab when open a bootstrap modal 我正在使用引导程序模型。 但是当我在js端调用一个函数时,它关闭了,我希望它打开 - I am using a bootstrap model. But when i call a function in js side it closes, i want it to open 我希望能够按类别、按类别和 model 获得产品,或者只获得所有产品。 目前为此使用 3 个不同的端点 - I want be able to get products by category, by category AND model or just get all products. Currently using 3 different endpoints for that
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM