我的主页上有这样一个引导导航(无禁用选项卡)：
<ul class="nav nav-tabs" id="tab_home" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#presentation" role="tab" aria-con
浏览 5提问于2021-07-04得票数 0
回答已采纳
1回答
我正在尝试在jquery ui版本1.10.2中使用这些效果。我的html页面如下所示。选项卡可以工作，但不会产生盲目效果。我做错了什么？
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tabs</title>
<link rel="stylesheet" href="css/smoothness/jquery-ui-1.10.2.custom.css">
浏览 0提问于2013-05-03得票数 1
回答已采纳
背景
最近，我计划编写我自己的js，它主要指的是引导v3。我卡了一些密码，请帮帮忙。
问题
在Bootstrap v3 中，我不知道下面两个片段的效果如何
Segment1：
// line 39 - 47
var hideEvent = $.Event('hide.bs.tab', {
relatedTarget: $this[0]
})
var showEvent = $.Event('show.bs.tab', {
relatedTarget: $previous[0]
})
$previous.trigger(hideEvent)
$this.
浏览 3提问于2017-02-20得票数 0
回答已采纳
1回答
var $tab = $('a');
var $tabName = $tab.children('.tab_name').hide();
$tab.on('mouseover mouseenter', function(){
$tabName.stop().show('slide');
});
$tab.on('mouseleave mouseout', function(){
$tabName.stop().hide('slide');
});
<script src=&
浏览 0提问于2018-08-22得票数 1
回答已采纳
我正在尝试使用名为的jquery插件，但效果甚微。
完全公开:我对jquery/javascript很陌生，但我尽可能地遵循了开发人员网站上的说明。
下面是我档案顶部的内容：
<head>
<link href="Resources/Stylesheets/PWS_template.css" rel="stylesheet" />
<script src="/Resources/js/jquery-1.9.1.min.js" type="text/javascript">
浏览 3提问于2015-06-03得票数 0
3回答
引导选项卡未正确激活
、、、
我在试着让导航标签正常工作。当我单击不同的选项卡时，ul部件将正确地更新为active，但是<div class="tab-content">没有正确更新。它总是显示1部分。
<ul class="nav nav-tabs" data-tabs="tabs">
<li data-toggle="tab" class="active"><a href="#1">1</a></li>
<li data-toggle=&
浏览 6提问于2016-01-05得票数 3
回答已采纳
3回答
我正在使用引导-vue.js创建一个选项卡。结果是这样的
我只想更改选项卡标题颜色，因为它使用的是我的项目的默认颜色。在引导-vue.js官方链接()中，有一个title -item类，用于对选项卡标题进行任何更改。所以我把代码写成这样：
<b-tab title="Transaction History" title-item-class="tab-title-class">
我的css：
.tab-title-class {
color: #FF0000 !important;
}
但它没有产生任何效果。那么这里有什么问题呢？提
浏览 0提问于2018-03-05得票数 4
回答已采纳
2回答
基于一个，我尝试将标签放在面板主体中，像上面的例子一样，效果非常好，但在我的例子中，我仍然没有完整的高度标签内容。有人能给我解释一下问题出在哪里吗？
上面的代码: example.js文件与示例中的相同
<html ng-app="plunker">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.js"></script>
<script src="http://an
浏览 1提问于2015-07-19得票数 3
我只希望底部选项卡导航器在主屏幕中可见；之后，我希望隐藏底部选项卡导航器，直到用户返回到主屏幕。下面是他们提供的示例，但它只提供了您正在处理App.js文件的效果，而我没有。 const Tab = createBottomTabNavigator();
function HomeTabs() {
return (
<Tab.Navigator>
<Tab.Screen name="Feed" component={FeedScreen} />
<Tab.Screen name="Profile
浏览 39提问于2021-01-20得票数 0
回答已采纳
3回答
如何改变引导标签淡出的速度？
、、、、
我试图改变的速度，一个褪色的效果，在引导。我使用css找到了这个答案：
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
.fade {
opacity: 0;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
-ms-transition: opacity 1.5s linear;
-o-t
浏览 4提问于2016-08-15得票数 2
回答已采纳
2回答
我在页面中使用bootstrap nav-tab来切换数据。在这里，我试图添加一些简单的效果到我的page.when，我点击选项卡，我需要幻灯片，切换选项卡内容从左到右/上至下。
我试过了，但没用。我做错什么了？否则，天使有办法做到这一点吗？
$(document).ready(function() {
$(".tt").click(function() {
$(".tab-content").slideDown("slow");
});
});
.tab-content div {
width: 53%;
heigh
浏览 0提问于2018-07-12得票数 0
回答已采纳
1回答
你好，当点击#选择器时，我正在使用jQuery试图滚动到#目标div。这两个元素分别位于单独的引导选项卡面板/标签窗格中。
当#目标位于#选择器的父面板/窗格之外时，我似乎无法获得滚动效果。
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#home" role="tab" data-toggle="tab"&g
浏览 4提问于2015-07-13得票数 0
回答已采纳
嘿，伙计们，我得到了这段JS代码，想在切换标签时添加一点淡入淡出的效果，这样看起来会更流畅一点。
<script type="text/javascript">
$(document).ready(function(){
initTabs();
});
function initTabs() {
$('#tabMenu a').bind('click',function(e) {
e.preventDefault();
var thref = $(this).attr("href").replace(
浏览 8提问于2011-06-07得票数 2
回答已采纳
1回答
我试图保持选定的选项卡在页面刷新活动。但是当我在引导4中找不到选项卡的任何解决方案时，我试着根据引导3解决方案进行更改，但是没有任何效果。请帮帮我。
HTML
<ul class="nav my-nav1 nav-tabs mt-3 " id="myTab" role="tablist">
<li class="nav-item border border-secondary rounded">
<a class="nav-link active" data-toggl
浏览 1提问于2018-05-19得票数 7
回答已采纳
我在我的网站上有以下代码：
<!-- Boat weather widget -->
<div id="boat_weather_tab_container">
<div id="boat_weather_tab">
<script type="text/javascript" src="widget.js"></script>
</div>
<div id="boat_weather_tab_button
浏览 0提问于2010-12-13得票数 2
回答已采纳
2回答
我得到了结果，但它返回了两个警告“内容:这是一个测试”，但在脚本中，我只发送了一个帖子。虽然效果很好，但有两个答案太烦人了。请帮帮忙。
宣言：
{
"name": "Test",
"version": "1.0",
"manifest_version": 2,
"description": "Test",
"background": {
"scripts": ["event.js"],
"persistent&
浏览 1提问于2014-07-03得票数 1
我正在编写一个扩展，以覆盖网页的JS函数，并从开始，但在Linux上的Firefox42中，答案似乎行不通。
接下来，我尝试使用exportFunction，就像中描述的那样，但这也失败了。
在package.json中，我添加了以下功能。
"permissions": {
"unsafe-content-script": true
}
这是我的index.js文件。
var self = require('sdk/self');
require("sdk/tabs").on("ready",
浏览 5提问于2015-12-31得票数 2
回答已采纳
我知道这很容易让人尴尬，但我现在一片空白。我已经实现了Twitter Bootstrap的标签。一切都很好，但我不知道如何编码我已经在下面的** ... **突出显示的网页链接。如果我把它们放在标签之间，我必须在点击标签后点击一个链接，而我想让它立即打开页面。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<link href="http://twitter.github.com
浏览 0提问于2012-11-08得票数 1
1回答
所有人！我正在写一个页面与组成的标签视图和面板。A中有一些类似xhtmls的面板。
Tabview.xhtml:
<p:tabView>
<p:tab title="1">
<ui:include src="/Apanel.xhtml"/>
</p:tab>
<p:tab title="2">
<ui:include src=
浏览 1提问于2011-04-18得票数 0
我有三个选项卡，由图像组成，当您将鼠标悬停在它们上时，它们会发生变化。下面的css示例实现了翻转效果。
a#tabButton_profile
{
height: 30px;
width: 133px;
display:block;
background-image: url(img/content_tab_profile.jpg);
}
a#tabButton_profile:hover{background-image: url(img/content_tab_profile_rollover.jpg);}
a#tabButton_profile.prof
浏览 0提问于2010-07-12得票数 2
回答已采纳
我有这个引导程序代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pal</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="styles
浏览 1提问于2016-01-31得票数 2
1回答
我有一个组件，它将自己的道具(道具类型为title: string; children: JSXElement)作为JSX元素返回。
import { JSXElement } from 'solid-js';
const Tab = (props: { title: string; children: JSXElement }) => props as unknown as JSXElement;
export default Tab;
现在，我有了一个组件，通过使用来自SolidJS的子助手来访问这些特定的道具：
import { For, Show, child
浏览 4提问于2022-08-07得票数 0
回答已采纳
当尝试使用Chrome的WebNavigation.onCompleted在某个url上运行background.js时，我会得到一个错误："Uncaught TypeError: not add listener“。对于我的manifest.json中的权限，我给出了对activetab和and请求的扩展访问权限。
我试过使用像chrome.browserAction.onClicked.addListener这样的其他侦听器，而且效果很好。我还使用了最新版本的铬(v73)。
background.js：
chrome.webNavigation.onCompleted.addLi
浏览 0提问于2019-03-28得票数 1
回答已采纳
我希望在jquery选项卡中添加鼠标滑动效果，这样用户就可以通过在屏幕上滑动鼠标来移动到另一个选项卡。我认为Hammer.js可以解决这个问题，但我不知道如何将Hammer.js与jquery-tab集成在一起。我是jquery的初学者。提前谢谢。
浏览 2提问于2013-10-09得票数 0
我已经成功地使用Kynetx的jQuery UI集成在页面上实现了jQuery UI效果。
然而，我很难在sidetab中获得工作效果。以下是我应用程序的规则。我希望有人能指出我遗漏了什么：
global {
css <<
#tester
{
margin-left: 10px;
margin-top: 10px;
width: 80px;
height: 80px;
background: gree
浏览 0提问于2010-11-25得票数 3
回答已采纳
我希望通过适当的语法来创建效果。
基本上，我希望选定的导航按钮有一个背景颜色，但其他的不是。由于这些导航按钮位于一个html页面中，并且不链接到页面之外，这是一个问题，因为我不能简单地将class="selected" style="css">应用于它。
我尝试使用在其他问题上找到的js和jquery，但这些问题对我不起作用。
<div id="header">
<a class="head">Title</a>
<a class="test head
浏览 6提问于2015-08-20得票数 0
回答已采纳
1回答
我在使用角度材质选项卡(https://material.angular.io/components/tabs)时遇到问题 默认情况下，我有几种效果，“幻灯片”效果可以改变内容，另一种效果是标签后面的黑色效果。我可以删除“幻灯片”效果，但我不知道如何修改/删除黑色效果？ black effect 1 black effect 2 有人能帮我吗？ 我的html： <mat-tab-group class="navBar" [@.disabled]="true">
<mat-tab label="all">
<
浏览 22提问于2021-01-19得票数 0
我想做一个小的扩展，将一个简单的html注入到视频下面的YouTube页面中。如果我简单地访问youtube网址的话，效果会很好。然而，如果我从youtube上选择了一个视频，那么我的html代码会被注入两次，但被删除。我可以看到它的出现，然后几乎立即消失。
我的代码是：
background.js
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
if ( changeInfo.status == 'complete' && tab.status == '
浏览 3提问于2016-04-23得票数 3
回答已采纳
您好，我是jQuery的新手，我正在尝试将一个简单的jQuery选项卡组件添加到现有的jsp页面中，该页面是从servlet调用的。如果我直接访问该页面，将出现jQuery组件，但是当从servlet调用该页面时，该页面将显示，但jQuery效果不起作用。看起来jQuery从来没有被调用过。
示例代码如下：
我只是得到了下面的结果，而不是标签效果
*Tabs
* First
* Second
* Third
This is tab one
This is tab two.
This is tab three*
有人能帮上忙吗?我已经在网上找了好几天了，一直在寻找答案
浏览 3提问于2011-03-31得票数 1
回答已采纳
如何为下拉UI标签添加流畅的关闭和打开效果，如下所示：https://getbootstrap.com/docs/4.0/components/collapse/ 我的代码如下： $("#wsparcie_tabs_container").tabs({
collapsible: true,
active: false
}); <div id="wsparcie_tabs_container">
<ul class="tabs home-wsparcie-tabs">
<li>&
浏览 20提问于2019-05-15得票数 0
回答已采纳
我使用jQueryUI作为我的js库。
HTML
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3">&
浏览 1提问于2012-09-20得票数 0
回答已采纳
1回答
ng-显示带有ng的角标签-重复
、、、、
我在这方面已经做了一段时间了，我不明白它为什么行不通。是我正在尝试创建的效果- 。我希望有一个标签栏，当点击将显示不同的信息。
这是我到目前为止所掌握的代码，但由于某些原因，它将无法工作：
<ul class="nav nav-pills">
<li ng-repeat="tablet in Packages.panelTabs">
<a href ng-click="tab = tablet.tabNum">
{{tablet.name}}
</a>
</
浏览 6提问于2015-09-06得票数 2
回答已采纳
1回答
我有一个基于ajax数据属性的选项卡代码。通过数据属性从PHP代码加载ajax的标签内容。如何设置选项卡内容的淡入淡出效果？我试过了，但我没有成功。
PHP代码：
$(document).ready(function() {
$("#tab-entry").load('index.php', {
tab: 1
});
$("#tab-entry").promise().done(function() {
$("#loading").hide("normal").prev("#
浏览 6提问于2017-07-16得票数 1
回答已采纳
首先，恕我直言，不要问我为什么要这么做。这个请求是某人的请求，他有他自己的原因。:D
所以开门见山的说...
假设"p1.php“包含以下代码：
<ul>
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
</ul>
<div id="tab1">
<?= $_GET['somech
浏览 1提问于2012-01-13得票数 0
2回答
我对相同的原产地政策(SOP)感到困惑。
例如，http://bad.com/bad.html与bad.js，http://good.com/good.html与good.js。我用两个选项卡(tab1和tab2)打开我的chrome中的两个urls。
在good.html(在tab2中打开)中，有一个元素<input id="token-id" type='text' name='token' value='123abc'>
现在的问题是，如果没有SOP，是否可以使用一些代码(如bad.js中的document.ge
浏览 1提问于2016-11-09得票数 0
回答已采纳
2回答
在研究动态导航标签的过程中，我决定在用户单击他们选择的选项卡时添加一个淡入效果。
当modal第一次加载时，下面一行html将默认显示HOME选项卡。
<div id="home" class="tab-pane active">
上面的很好，但是.
如果我用下面的html代码替换上面的代码..。
<div id="home" class="tab-pane active fade in">
当模式第一次加载时，div home 在中不会褪色。只有当用户单击另一个选项卡，然后返回到HOME选项卡时，它才能工
浏览 1提问于2018-02-03得票数 12
回答已采纳
将script.aculo.us错误地用于淡出和在选项卡上显示效果，当鼠标走得太快时，我失去了去衰落效果。如何保证得到填充效果？()
<script>
document.observe('dom:loaded', function(){
var Tabs = $$('#tabs img:not([src*=over])'); /* <img src= not containing "over" */
for (var i=0; i<Tabs.length; i++) {
浏览 8提问于2014-08-11得票数 0
2回答
我在Bootstrap选项卡中创建动画，每次选择每个选项卡时动画都应该有效。但动画只是第一次起作用，如果我打开其他选项卡并返回相同的选项卡，它就不起作用。
当然，当我选择标签时，我会用动画显示新的价格，但当我选择其他标签并返回到相同的标签时，它不会重复。
在这里查看它的实际效果：
HTML：
<div class="price">
<h2 class="heading price-old">300</h2>
<h2 class="heading fade pr
浏览 2提问于2015-11-29得票数 2
我使用.open()创建一个选项卡，在data/search.html中显示HTML，并将data/search.js作为内容脚本文件附加。
var tabs = require("sdk/tabs");
var data = require("sdk/self").data;
function executeSearch () {
/* set up search tab */
tabs.open({
url: data.url("search.html"),
onReady: function (tab) {
var
浏览 1提问于2013-08-29得票数 0
回答已采纳
我有一个.NET mvc应用程序，在那里我使用引导5.1创建一个导航标签。每个'a‘标记都是通过ActionLink生成的。
<ul class="nav nav-tabs">
<li class="nav-item">
@Html.ActionLink("Entity", "Details", "Entity", new { id = Model.Id, tab = Entity.TAB_ENTITY }, new { @class = "n
浏览 6提问于2022-08-29得票数 0
对于一个课程，我们正在设计一个网站(可以在这里找到：)，我正在尝试它。
由于这个网站应该是面向儿童的，我想让它更具交互性和趣味性，并使顶部的选项卡按钮在被点击时弹出。然而，我在做这件事时遇到了一些麻烦。
首先，我在我的超文本标记语言中为所有的链接添加了div，这样我就可以通过jQuery访问按钮来获得弹跳效果，但是当我这样做的时候，似乎破坏了我的CSS。(请参阅:除联系人页面以外的所有页面，我在该页面中删除了div。)
以下是导航选项卡HTML：
<div id = "links">
<div class="bounce-tab">
浏览 0提问于2012-03-27得票数 0
回答已采纳
我像这样使用Bootstrap 3 Tabs：
<ul class="nav nav-pills nav-justified">
<li><a href="#tab-1t" data-toggle="tab"></a></li>
<li class="active"><a href="#tab-2" data-toggle="tab"></a></li>
<li>
浏览 2提问于2014-01-13得票数 3
回答已采纳
1回答
当您将方法签名执行为：
public void print(String tab)
你把它叫做打印(“”)，效果是什么？
因为我必须用：
+tab+
以获得标签的实际效果。
如果我称之为：
print("\t");
我还需要在代码中编写+tab+才能生成选项卡吗？
浏览 4提问于2015-01-08得票数 2
回答已采纳
1回答
我尝试使用函数从API中获取数据，然后在中使用setState。
如果我在componentDidMount中直接这样做，效果会很好：
componentDidMount() {
axios({
method: "post",
url: "https://example.com",
// data: formData,
headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
}
}).then(res =
浏览 2提问于2019-10-01得票数 0
回答已采纳
在JavaScript删除了大量DOM元素之后，当我试图执行一些代码时，我在代码中遇到了一个问题。
我正在开发一个名为Castor的webapplication应用程序。它是一个代码编辑器，运行得很好。问题是，在关闭编辑器选项卡后，出现了一个错误。我希望编辑器在关闭另一个选项卡后选择一个选项卡。不幸的是这不起作用。移除DOM元素的代码不会被执行。
<div class="castor-tabs">
<div class="castor-tab" data-path="../KeerpuntMobile/script/funct
浏览 4提问于2014-11-25得票数 0
1回答
圆角并突出显示所选的圆角
、、、
我正在开发angularJS应用程序。我有一个用angularJs创建的带有多个标签的网页。请查找工作选项卡示例：
我想用圆角显示所有选项卡的边框，并突出显示选中的选项卡，如下图所示。我试着使用css，但没有达到预期的效果。请提个建议。
代码：
<html>
<head>
<script data-require="angular.js@1.1.5" data-semver="1.1.5" src="https://ajax.googleapis.com/ajax/libs/angularj
浏览 4提问于2016-12-03得票数 0
1回答
我有一组元素，它们在包含div (.info)的范围内(一个接一个)逐渐消失。当容器出现时，一些元素停留在容器中，而另一些元素则溢出容器，这不是首选的。
当这种情况发生时，我想要应用某种水平/自动滚动效果，这样它就可以显示溢出文本元素的开头，而仍然停留在一行上。有什么方法可以用JQuery来完成这个任务吗？
以下是我迄今取得的进展的一个片段：
(function() {
var tab = $(".info .tab");
var tabIndex = -1;
function showNextTab() {
++tabIndex;
tab
浏览 2提问于2018-07-18得票数 1
我正在开发一个Rails应用程序，它使用CSS‘tab’来分隔表单。我需要在两个选项卡中呈现相同的谷歌地图，但该地图仅被附加到第一个#map_canvas目录。我目前所拥有的：
# form.html.erb
<div class='tabs'>
<div id='tab1'>
<div class="map container">
<div id="map_canvas"></div>
</div>
</div&g
浏览 0提问于2015-06-18得票数 1
我是React.js的新手，我正在通过将一个用香草javascript制作的网站转换成一个React.js应用程序来学习。但是，在导航栏上复制下拉菜单功能是有困难的.
每个部分由div组成，其onClick垂直扩展其内容，通过更改overflow和height css设置可查看。然而，有一个问题:一次只应该扩大一个下拉列表。我能够在常规的JS站点中做到这一点，但我希望在rendition中使用父、子和兄弟之间的关系来在新的呈现中获得同样的效果。
对于onClick事件，条形图的一个选项卡应该打开，如果有任何其他选项卡被展开，则关闭它们。
我尝试使用来自解决方案的信息，但它不是类组件形式，而是处
浏览 0提问于2019-05-03得票数 1
回答已采纳
4回答
我可以用代码制作竖起拇指的图标
<i class="thumbs up icon large"></i>
但是我怎样才能把颜色从黑色变成灰色呢？我这样做是为了一个chrome扩展，并以这种方式在manifest.js中添加CSS。
"content_scripts": [
{
"matches": ["http://*/*", "https://*/*"],
"css": [ "tab/layouts/style.css
浏览 7提问于2015-09-06得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
