Question

我将1页php编码为：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
    $(function() {
        $("#tabs").tabs();
    });
</script>
<?php

/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
?>
<div id="tabs" >
    <ul class="nav nav-tabs">
        <li class=""><a href="#tabs-1">Resize Image</a></li>
        <li class="active"><a href="#tabs-2">Rotation Image</a></li>
        <li class=""><a href="#tabs-3">Crop Image</a></li>

    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
</div>

我已经设置了标签2活动但它总是活动标签-1。为什么？如何设置活动的其他标签？

Answer 1

试试这个：

 $("#tabs").tabs({ selected: 2 });

或者这个：

 $("#tabs").tabs({ active: 2 });

Answer 2

尝试类似FIDDLE

的内容

$( "#tabs" ).tabs( {active:1});

Answer 3

拥有功能齐全的非JavaScript实现总是好的。你可以使用这样的东西：

<ul class="nav nav-tabs">
  <li class="<?= $params['action'] == 'link1' ? 'active' : '' ?>"><a href="#tabs-1">link1</a></li>
  <li class="<?= $params['action'] == 'link2' ? 'active' : '' ?>"><a href="#tabs-2">link2</a></li>
</ul>

如何设置活动Tab

3 个答案: