- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开发一个项目,其中我有一个包含“案例研究”的网站,详细信息显示在一个厚盒子中。现在,该内容被分成 3 个 jQuery 选项卡,它们在空白页面中工作得很好,但在这个厚盒子里,它们就不行了。
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/estilos.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/functions.js" ></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js" ></script>
<script type="text/javascript" src="js/thickbox.js" ></script>
<div id="todos">
<div id="titCuerpo"> Case studies
</div>
<div id="cuerpo">
<a href="#" class="toggleLink"><img src="imgs/arrowDown.png" align="bottom"/> Case: Community-based advocacy<br /><br /></a>
<div class="toggle" title='<img src="imgs/case.gif"> Community-based advocacy'><span style="color:#3e3e3e; font-weight:bold">
<ul class="htabs">
<li>
<a href="#situation"><div id="sit" style="background-image:url(imgs/menuOut_01.gif); background-repeat:no-repeat; width:91px; height:31px; float:left; display:block"> </div></a>
</li>
<li>
<a href="#action"><div id="act" style="background-image:url(imgs/menuOut_02.gif); background-repeat:no-repeat; width:97px; height:31px; float:left; display:block"> </div></a>
</li>
<li>
<a href="#result"><div id="res" style="background-image:url(imgs/menuOut_03.gif); background-repeat:no-repeat; width:90px; height:31px; float:left; display:block"> </div></a>
</li>
</ul>
<div class="tabs">
<div id="situation" class="tab">
aaa
</div>
<div id="action" class="tab">
aaa
</div>
<div id="result" class="tab">
aaa
</div>
</div>
<div></div>
</div>
<script>
$(document).ready(function() {
$('.toggle').hide();
$('.toggleLink').click(function() {
tb_show($(this).next('.toggle').attr('title'),'TB_inline?height=300&width=500');
$('#TB_ajaxContent').html($(this).next('.toggle').html());
return false;
});
});
remarcarSec('nav2');remarcarMenu("bot1");
jQuery(document).ready(function(){
jQuery(".tab:not(:first)").hide();
jQuery(".tab:first").show();
jQuery(".htabs a").click(function(){
stringref = jQuery(this).attr("href").split('#')[1];
jQuery('.tab:not(#'+stringref+')').hide();
if (jQuery.browser.msie && jQuery.browser.version.substr(0,3) == "6.0") {
jQuery('.tab#' + stringref).show();
}
else
jQuery('.tab#' + stringref).fadeIn();
return false;
});
});
</script>
最佳答案
thickbox website说它不再维护:
While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives.
自 jQuery UI Dialog被列为这些替代方案之一并且 你已经在使用 jQuery UI,我建议切换到jQuery UI 对话框。该对话框不会给您带来任何组合问题使用选项卡。
关于jQuery 选项卡在厚盒内不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3858975/
今天有小伙伴给我留言问到,try{...}catch(){...}是什么意思?它用来干什么? 简单的说 他们是用来捕获异常的 下面我们通过一个例子来详细讲解下
我正在努力提高网站的可访问性,但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接,因
说现在是 6 点,我有一个 Timer 并在 10 点安排了一个 TimerTask。之后,System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我就废话不多说了,大家还是直接看代码吧~ ? 1
Maven系列1 1.什么是Maven? Maven是一个项目管理工具,它包含了一个对象模型。一组标准集合,一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。 核心功能 Mav
我是一名优秀的程序员,十分优秀!