ورود

View Full Version : سوال: مشکل در نمایش محتوای تب ها در بوت استراپ؟



پیام حیاتی
سه شنبه 09 تیر 1394, 15:47 عصر
سلام
این کدهای تب من هستند :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="style.css" media="all" type="text/css" />
<link rel="stylesheet" href="normalize.css" media="all" type="text/css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>






<body dir="rtl">
<form id="form1" runat="server">
<div>

<!-- Start -->
<div class="container">
<ul class="nav nav-tabs">
<li class="active"><a href="#Home" data-toggle="tab">Home</a></li>
<li><a href="#About" data-toggle="tab">About</a></li>
<li><a href="#Video" data-toggle="tab">Video</a></li>
</ul>


<!-- Tab Contents -->
<div class="tab-content">
<div class="tab-pane fade" id="Home">
<p>Firstdsdsd</p>
</div>


<div class="tab-pane fade" id="About">
<p>Second</p>
</div>


<div class="tab-pane fade" id="Video">
<p>Third</p>
</div>
</div>


</div>
<!-- End -->

</div>
</form>
</body>
</html>



زمانی که صفحه لود می شود محتوای تب Home نمایش داده نمیشه ، اما اگر به تب های دیگه برم و برگردم محتوای این تب هم نمایش داده میشه.

132765

132766

سعید کشاورز
سه شنبه 09 تیر 1394, 15:56 عصر
کلاس active رو باید به tab content اولت هم بدی

پیام حیاتی
سه شنبه 09 تیر 1394, 18:02 عصر
کلاس active رو باید به tab content اولت هم بدی

تست کردم جواب نداد :

<div class="tab-pane fade active" id="Home">
<p>First</p>
</div>

پیام حیاتی
سه شنبه 09 تیر 1394, 18:06 عصر
می خوام در محتوای تب اول یک دکمه هم قرار بدم که با کلیک بر روی آن به تب دوم منتقل شیم ، به چه شکل باید این کار رو انجام داد؟

سعید کشاورز
سه شنبه 09 تیر 1394, 18:15 عصر
تست کردم جواب نداد :

<div class="tab-pane fade active" id="Home">
<p>First</p>
</div>

من تست کردم جواب داد..اون کلاس fade رو ازش حذف کن برای محتوای اولت و فقط کلاس active و tab-pane داشته باشه

ببین میشه یا نه

سعید کشاورز
سه شنبه 09 تیر 1394, 18:16 عصر
می خوام در محتوای تب اول یک دکمه هم قرار بدم که با کلیک بر روی آن به تب دوم منتقل شیم ، به چه شکل باید این کار رو انجام داد؟
خوب همون Li دوم رو بزار داخل محتوی اولت میری تب بعدی ...تست نکردم ولی منطق میگه باید جواب بده

پیام حیاتی
سه شنبه 09 تیر 1394, 18:42 عصر
ممنون سعید جان ، مشکل از fade بود برش داشتم اوکی شد.
با راهکاری که اشاره کردی به تب دوم منتقل میشیم اما عنوان تب بر روی Home که تب اول هست باقی می مونه:
132773

132774


<div class="tab-pane active" id="Home"> <p>First</p>
<a href="#About" data-toggle="tab">About</a>
</div>

پیام حیاتی
چهارشنبه 10 تیر 1394, 16:00 عصر
اساتید؟!،،،،