Twitter Bootstrap:使用php中的脚本打开nav-tabs

时间:2017-05-04 16:27:09

标签: php jquery html5 twitter-bootstrap

是否可以使用php文件中的脚本打开nav-tabs( php文件是外部)。我尝试使用这一个echo "<script>alert('success')open('colors.php#yellow','_self')</script>";指向页面,在该页面中将打开ID为黄色的导航标签

我有 HTML

<div class="container">

<!-------->
<div id="content">
    <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
        <li class="active"><a href="#red" data-toggle="tab">Red</a></li>
        <li><a href="#orange" data-toggle="tab">Orange</a></li>
        <li><a href="#yellow" data-toggle="tab">Yellow</a></li>
        <li><a href="#green" data-toggle="tab">Green</a></li>
        <li><a href="#blue" data-toggle="tab">Blue</a></li>
    </ul>
    <div id="my-tab-content" class="tab-content">
        <div class="tab-pane active" id="red">
            <h1>Red</h1>
            <p>red red red red red red</p>
        </div>
        <div class="tab-pane" id="orange">
            <h1>Orange</h1>
            <p>orange orange orange orange orange</p>
        </div>
        <div class="tab-pane" id="yellow">
            <h1>Yellow</h1>
            <p>yellow yellow yellow yellow yellow</p>
        </div>
        <div class="tab-pane" id="green">
            <h1>Green</h1>
            <p>green green green green green</p>
        </div>
        <div class="tab-pane" id="blue">
            <h1>Blue</h1>
            <p>blue blue blue blue blue</p>
        </div>
    </div>
</div>

PHP open_color.php

echo "<script>alert('success')open('colors.php#yellow','_self')</script>"

我的输出仍然是红色标签将被打开为活动

1 个答案:

答案 0 :(得分:0)

这个怎么样:

<强> open_color.php:

$val = $_REQUEST['some_var'];

    switch ($val) {
        case 'red':
            header("Location: colors.php#red");
            break;

        . . .

        default:
            header("Location: colors.php");
            break;
    }