เจอปัญหาเกี่ยวกับการแสดงผล Jquery lightbox บน ie แก้มาหลายวันแล้วแต่ยังไม่ได้ รบกวนช่วยแนะนำด้วยครับ
ยังรอคำแนะนำจากพี่ๆ อยู่นะครับ
Date :
2011-03-08 14:56:11By :
nopasurada
แหมเล่นเขียนมาแบบผมว่าใครเข้ามาก็คงจะตอบให้ไม่ได้หรอก รูปภาพประกอบก็ไม่มีว่าคุณออกแบบอะไรมายังไง โค๊ดตรงไหนทำให้มีปัญหา..
Date :
2011-03-08 20:35:40By :
chineji
code ที่ใช้ ตามด้านล่างนะครับ ไม่ได้เอามาทั้งหมด เพราะที่เหลือไม่น่าจะเกี่ยว page ที่ใช้ได้ กับที่ใช้ไม่ได้ แต่ต่างกันตรงที่ include ครับCode (JavaScript)
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.1.js"></script>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<script type="text/javascript">
$(function(){
$("ul#navi_containTab > li").click(function(event){
var menuIndex=$(this).index();
$("ul#detail_containTab > li:visible").hide();
$("ul#detail_containTab > li").eq(menuIndex).show();
});
});
</script>
<=== ดึงมา ok <=== ไม่แสดง
ประวัติการแก้ไข
Date :
2011-03-08 21:19:46By :
nopasurada
อันนี้ภาพจาก file member_detail.php (บน ie7)
ประวัติการแก้ไข
Date :
2011-03-08 21:31:32By :
nopasurada
ใครใช้ IE ตายหยังเขียด
Date :
2011-03-09 08:31:25By :
kalamell
ใช้ตัวไหนอะไรยังไงบอกหน่อยจะได้ลอง เอาดค้ดมาแปะแค่นี้ลองไม่ได้ค่ะ
ประวัติการแก้ไข
Date :
2011-03-09 09:07:07By :
ultrasiam
มันเป็นที่ v. ชั่นของ jquery ที่คุณใช้แหล่ะ ลองหาดู v.1.4.2.min ดูน่าจะใช้ได้ พอดีผมเห็นโค๊ดลักษณะเดียวกันแล้วลองเปลี่ยน v. เป็นอันอื่นก็เป็นเหมือนรูปที่คุณเอามาให้ดูแหล่ะ
Date :
2011-03-09 21:27:58By :
chineji
เปลี่ยนตรง <script type="text/javascript" src="js/jquery.js"></script> เป็นตัวใหม่เลยค่ะ
Date :
2011-03-09 21:59:28By :
ultrasiam
ตอบความคิดเห็นที่ : 10 เขียนโดย : ultrasiam เมื่อวันที่ 2011-03-09 21:59:28 รายละเอียดของการตอบ ::
ลองเปลี่ยนแล้วครับ ยังไม่ได้เหมือนเดิม
ข้างล่างเป็น code CSS ของผมนะครับ
#i_containTab{
width:540px;
position: relative;
}
#navi_containTab{
padding:0;
margin:0;
width:100%;
list-style-type: none;
display: block;
}
#navi_containTab li {
float:left;
height:30px;
width:100px;
border:0px solid #CCC;
line-height:25px;
cursor:pointer;
text-align:center;
display: inline;
margin: 0px;
padding: 0px;
}
/* class รูปแบบของแต่ละเมนู */
.tabNavi1{
background-color:#9C3;
}
.tabNavi2{
background-color:#C93;
}
#detail_containTab{
padding:0;
margin:0;
list-style-image: none;
list-style-type: none;
height: 800px;
width: 100%;
display: block;
float: left;
}
#detail_containTab li {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
list-style-type: none;
}
/* class รูปแบบของแต่ละเนื้อหา */
.detailContent1{
background-color:#9C3;
display: block;
position: relative;
margin: 0px;
padding: 0px;
float: left;
}
.detailContent2{
background-color:#C93;
display: none;
<====ตรงนี้ครับ
}
เท่าที่ผมสันนิฐาน นะครับ ตัว Jquery มันไม่ยอมเปลี่ยน display จาก none เป็น block เวลาเลือก tab ที่สอง อะครับ
เพราะถ้าผมแก้เป็น block ไว้เลย เวลาแสดง tab แรก แล้ว tab ที่สองจะมาต่อด้านล่างเลยครับ
ซึ่งพอกดเลือก tab ที่สอง ก็จะทำงานปกติครับ ไม่รู้ผมสันนิฐานถูกไหม
Date :
2011-03-09 22:16:00By :
nopasurada
ช่วยด้วยครับ ยังแก้ไม่ได้เลย
Date :
2011-03-10 14:56:05By :
nopasurada
var menuIndex= $('li').index($(this));
ประวัติการแก้ไข
Date :
2011-03-10 15:28:15By :
LindyFralin
ลองเอาอันนี้ไปใช้ดีกว่าไหม http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ http://www.ninenik.com/content.php?arti_id=155 พอดีไปเห็นโดยบังเอิน
Date :
2011-03-10 22:30:25By :
chineji
Code (PHP) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<style type="text/css">
#i_containTab{
width:540px;
position: relative;
}
#navi_containTab{
padding:0;
margin:0;
width:100%;
list-style-type: none;
display: block;
}
#navi_containTab li {
float:left;
height:30px;
width:100px;
border:0px solid #CCC;
line-height:25px;
cursor:pointer;
text-align:center;
display: inline;
margin: 0px;
padding: 0px;
}
/* class รูปแบบของแต่ละเมนู */
.tabNavi1{
background-color:#9C3;
}
.tabNavi2{
background-color:#C93;
}
#detail_containTab{
padding:0;
margin:0;
list-style-image: none;
list-style-type: none;
height: 800px;
width: 100%;
display: block;
float: left;
}
#detail_containTab li {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
list-style-type: none;
}
/* class รูปแบบของแต่ละเนื้อหา */
.detailContent1{
background-color:#9C3;
display: block;
position: relative;
margin: 0px;
padding: 0px;
float: left;
}
.detailContent2{
background-color:#C93;
display: none; <====ตรงนี้ครับ
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("ul#navi_containTab li").click(function(event){
var menuIndex= $('li').index($(this));
$("ul#detail_containTab > li:visible").hide();
$("ul#detail_containTab > li").eq(menuIndex).show();
});
});
</script>
</head>
<body>
<div id="wrap_member_profile">
<div id="i_containTab">
<ul id="navi_containTab">
<li class="tabNavi1">Profile</li>
<li class="tabNavi2">Gallery</li>
</ul>
<ul id="detail_containTab">
<li class="detailContent1">include from file 1</li>
<li class="detailContent2">include from file 2</li>
</ul>
</div>
</div>
</body>
</html>
Date :
2011-03-10 23:37:34By :
LindyFralin
ปัญหาประมาณที่ว่าแสดงเพจอื่นปกติ
Date :
2011-03-11 00:23:07By :
petzaza009
หน้า member_profile.php ==> หน้านี้มีปัญหา
Date :
2011-03-12 10:00:49By :
nopasurada
หน้า member_gallery.php ==> หน้าที่ include แล้วมีปัญหา
Date :
2011-03-12 10:02:31By :
nopasurada
หน้า ptg_profile.php ==> หน้าที่แสดงผลแล้วไม่มีปัญหา
Date :
2011-03-12 10:04:54By :
nopasurada
หน้า ptg_gallery.php ==> หน้าที่ include แล้วไม่มีปัญหา
Date :
2011-03-12 10:06:24By :
nopasurada
หน้า jquery.lightbox-0.5.1.js
Date :
2011-03-12 10:08:19By :
nopasurada
หน้า jquery.js
Date :
2011-03-12 10:09:34By :
nopasurada
ส่วน css ใช้ตามด้านบนครับ เพราะสอง page ใช้ css ตัวเดียวกัน[email protected]
Date :
2011-03-12 10:15:05By :
nopasurada
เอาไฟล์ทั้งหมดขึ้น online ขึ้นโฮสฟรีหรือโฮสเสียตังก็ได้
Date :
2011-03-12 13:52:44By :
...
ปัญหาการแสดงผลกับ IE เราเจอบ่อยมากกกกกก
ประวัติการแก้ไข
Date :
2011-03-12 22:06:54By :
mzchewiize
ลองใช้โปรแกรมอย่างเช่น eclipse,netbean,vs.net จะมีช่วยตรวจสอบ syntax และฏฎต่างๆได้ในระดับหนึ่งครับ
Date :
2011-03-14 12:04:13By :
num
แก้ได้ยางค่ะ ถ้ายัง ให้แก้ส่วนนี้นะคะ
Date :
2013-11-05 15:41:47By :
BigDream
Server 01
Load balance : Server 01
