小编Ash*_*coe的帖子

如何使用jQuery构建简单的选项卡?

我有以下代码:小提琴

这在我自己创建的网站中非常有效,而且没有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)

html javascript css jquery tabs

14
推荐指数
3
解决办法
6万
查看次数

如何阻止无格式内容的闪现

这只是一个简短的问题,我没有一个例子,但我正在使用定制的cms,目前我们无法访问网页的头部,所以一些css必须放在头部外面导致闪光页面加载时未设置样式的内容

只是想知道她身上是否有人知道快速修复jquery或其他什么来阻止它.

我知道把不是内联的CSS作为不好的做法,但我想知道是否有工作回合.

任何帮助赞赏

html css jquery

7
推荐指数
1
解决办法
7442
查看次数

在Dreamweaver CS 5.5中设置codeigniter

我正在寻找有关如何在Dreamweaver CS 5.5中设置代码点火器项目的信息,其代码提示就像Zend框架一样.

dreamweaver code-hinting codeigniter-2

1
推荐指数
1
解决办法
1万
查看次数

我如何在jquery中检测触摸屏并隐藏div

我将如何使用此代码:

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.

html javascript css jquery detection

1
推荐指数
1
解决办法
2556
查看次数