javascript - 如何在 Joomla 2.5 的页面中创建标签？

Question

我在页面中创建标签为:

<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">
<?php
// No direct access to this file
defined('_JEXEC') or die('Restricted access');
$tpath = $this->baseurl . '/templates/' . $this->template;
?>

<div id="tabs" >
    <ul>
        <li><a href="#tabs-1">Resize Image</a></li>
        <li ><a href="#tabs-2">Rotation Image</a></li>
        <li ><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>

在简单的 PHP 中:它可以创建 Tabs。但在 Joomla 中:这不行。 (此代码放在自定义组件中)为什么 ？ Joomla 2.5 如何在页面中创建标签？

Answer 1

您可以使用特殊的 Joomla Tabs API

<?php echo JHtml::_('tabs.start', 'tab-group-id', array('useCookie'=>1)); ?>
<?php echo JHtml::_('tabs.panel', JText::_('TAB1'), 'tab-id-1'); ?>

Tab 1 content

<?php echo JHtml::_('tabs.panel', JText::_('TAB2'), 'tab-id-2'); ?>

Tab 2 content

<?php echo JHtml::_('tabs.end'); ?>

您也可以使用 sliders.start、sliders.panel 和 sliders.end 来创建 Accordion 。