1、将
1 | < div id = "tab1" ></ div > |
改成
1 | < span id = "tab1" ></ span > |
2、JS代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 | $(document).ready( function () { $( "#content span" ).show(); $( "#tabs li:first" ).attr( "id" , "current" ); $( "#content div:first" ).fadeIn(); $( '#tabs a' ).click( function (e) { e.preventDefault(); $( "#content span" ).hide(); $( "#tabs li" ).attr( "id" , "" ); $( this ).parent().attr( "id" , "current" ); $( '#' + $( this ).attr( 'title' )).fadeIn(); }); })(); |
这样可以解决嵌套DIV被隐藏,不知道有没有BUG,大神请指导