0

有人可以帮助我使用此代码在 joomla 3.0 组件中创建水平选项卡吗

$options = array(
    'onActive' => 'function(title, description){
        description.setStyle("display", "block");
        title.addClass("open").removeClass("closed");
    }',
    'onBackground' => 'function(title, description){
        description.setStyle("display", "none");
        title.addClass("closed").removeClass("open");
    }',
    'startOffset' => 0,  // 0 starts on the first tab, 1 starts the second, etc...
    'useCookie' => true, // this must not be a string. Don't use quotes.
);

echo JHtml::_('tabs.start', 'tab_group_id', $options);

echo JHtml::_('tabs.panel', JText::_('PANEL_1_TITLE'), 'panel_1_id');
echo 'Panel 1 content can go here.';

echo JHtml::_('tabs.panel', JText::_('PANEL_2_TITLE'), 'panel_2_id');
echo 'Panel 2 content can go here.';

echo JHtml::_('tabs.end');

它的输出如下： -

tab1
tab2
tab3

但我想要像这样的输出：- tab1 tab2 tab3

4

3 回答 3

4

这将使选项卡以及在页面加载时打开一个设置选项卡

<!-- code to open default tab -->
<?php
$options = array(
    'active'    => 'tab1_id'    // Not in docs, but DOES work
);
?>
<!-- code end to open default tab -->

<?php echo JHtml::_('bootstrap.startTabSet', 'ID-Tabs-Group', $options);?> 

<?php echo JHtml::_('bootstrap.addTab', 'ID-Tabs-Group', 'tab1_id', JText::_('COM_BOOTSTRAPTABS_TAB_1')); ?> 
<p>Content of the first tab.</p> 
<?php echo JHtml::_('bootstrap.endTab');?> 

<?php echo JHtml::_('bootstrap.addTab', 'ID-Tabs-Group', 'tab2_id', JText::_('COM_BOOTSTRAPTABS_TAB_2')); ?> 
<p>Content of the second tab.</p> 
<?php echo JHtml::_('bootstrap.endTab');?> 

<?php echo JHtml::_('bootstrap.endTabSet');?>
于 2015-08-06T07:48:56.893 回答
0 
$document =& JFactory::getDocument();
$style = 'dt.tabs h3 {
            float:left;
            margin-right: 10px;
        }
        div.current {
            clear: both;
        }';
$document->addStyleDeclaration( $style );

只需在项目中添加样式即可。它将按照样式设置 CSS 菜单。像上面这样的东西似乎工作正常！

于 2013-01-25T10:32:11.713 回答
0

JPane 在 2.5 中被删除，现在使用JHtmlTabs它应该可以解决问题；）

于 2013-05-08T16:04:13.950 回答