我有以下代码:小提琴
这在我自己创建的网站中非常有效,而且没有JS,标签充当相关部分的跳转链接.当放置在定制的CMS中时,我被迫使用此时跳转链接不起作用.我已经尝试添加更多相对链接到选项卡,这使得它没有JS工作,但使用JS标签内容不显示.
我错过了什么吗?
HTML:
<ul id="tabs">
<li><a href="#tab1">test1</a></li>
<li><a href="#tab2">test2</a></li>
<li><a href="#tab3">test3</a></li>
<li><a href="#tab4">test4</a></li>
</ul>
<div class="container" id="tab1">Some content</div>
<div class="container" id="tab2">Some content</div>
<div class="container" id="tab3">Some content</div>
<div class="container" id="tab4">Some content</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$('#tabs li a:not(:first)').addClass('inactive');
$('.container').hide();
$('.container:first').show();
$('#tabs li a').click(function(){
var t = $(this).attr('href');
$('#tabs li a').addClass('inactive');
$(this).removeClass('inactive');
$('.container').hide();
$(t).fadeIn('slow');
return false;
})
if($(this).hasClass('inactive')){ //this is the start of our condition
$('#tabs li a').addClass('inactive');
$(this).removeClass('inactive');
$('.container').hide();
$(t).fadeIn('slow');
}
Run Code Online (Sandbox Code Playgroud) 这只是一个简短的问题,我没有一个例子,但我正在使用定制的cms,目前我们无法访问网页的头部,所以一些css必须放在头部外面导致闪光页面加载时未设置样式的内容
只是想知道她身上是否有人知道快速修复jquery或其他什么来阻止它.
我知道把不是内联的CSS作为不好的做法,但我想知道是否有工作回合.
任何帮助赞赏
我正在寻找有关如何在Dreamweaver CS 5.5中设置代码点火器项目的信息,其代码提示就像Zend框架一样.
我将如何使用此代码:
function is_touch_device() {
return !!('ontouchstart' in window) // works on most browsers
|| !!('onmsgesturechange' in window); // works on ie10
};
Run Code Online (Sandbox Code Playgroud)
检测触摸屏并隐藏一组具有相同类别的div.