哪位大牛帮忙看看,js调用不能激活啊,不用active不用active不用active,怎么解决?

来源:3-13 编程练习

qq_启航_11

2018-04-03 15:16

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Hello World</title>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>

<body>

<ul id="myTab" class="nav nav-tabs" role="tablist">

    <li role="presentation"><a href="#1" role="tab" data-toggle="tab">第一项</a></li>

    <li role="presentation"><a href="#2" role="tab" data-toggle="tab">第二项</a></li>

    <li role="presentation"><a href="#3" role="tab" data-toggle="tab">第三项</a></li>

    <li role="presentation"><a href="#4" role="tab" data-toggle="tab">第四项</a></li>

</ul>

<div id="myTabContent" class="tab-content">

    <div id="1" class="tab-pane fade in">

        <p>111</p>

        <p>111</p>

    </div>

    <div id="2" class="tab-pane fade in">

        <p>222</p>

        <p>222</p>

    </div>

    <div id="3" class="tab-pane fade in">

        <p>333</p>

        <p>333</p>

    </div>

    <div id="4" class="tab-pane fade in">

        <p>444</p>

        <p>444</p>

    </div>

</div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


<script type="text/javascript">

    /*$(function(){

        $('#myTab li:eq(2) a').tab('show');

    });

    */

    $(document).reday(function(){

        $('#myTab a[href="#2"]').tab('show');

    });

</script>

</body>

</html>


写回答 关注

2回答

  • itachy
    2018-06-11 13:44:10

    大兄弟  请检查图中红色框框处对应自己的代码。
    https://img4.mukewang.com/5b1e0be2000184d311850284.jpg

    itachy

    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

    2018-06-11 13:51:49

    共 1 条回复 >

  • 慕莱坞4193147
    2018-04-04 11:02:06

    你的代码处于报错呢  正确写法是 $(document).ready(function(){}) 吧

基于bootstrap的网页开发

Bootstrap框架的基础教程,学会用Bootstrap前端框架搭建网页

187641 学习 · 760 问题

查看课程

相似问题