Question

当我按下CJuitabs中的标签时，我试图显示预加载器，但它没有显示预编码器。我做错了什么？

<div id="OuterTabs">
<?php
$this->widget('zii.widgets.jui.CJuiTabs', array(
'tabs' => array(
    'Bundle (' . $BundleTotal . ')' => array(
        'ajax' => $this->createUrl('/Frontier/buyFlow/bundles'),
        'id'=>'BundleTab'
    ),
    'Standalone (' . $InternetTotal . ')' => array(
        'ajax' => $this->createUrl('/Frontier/buyFlow/Standalone'),
        'id'=>'StanadAloneTab'
    ),
    'Phone (' . $PhoneTotal . ')' => array(
        'ajax' => $this->createUrl('/Frontier/buyFlow/Phone'),
        'id'=>'PhoneTab'
    )
)
// panel 3 contains the content rendered by a partial view
,

// additional javascript options for the tabs plugin
'options' => array(
    'collapsible' => true,
    'select'=>"js:function(){ $('#BundleTab').html('Loading...') }",
),
'htmlOptions' => array(
    'style' => 'width:100%;float:left',
),
'id' => 'MyTab-Menu'
));
?>
</div>

谢谢。

Answer 1

尝试删除

'options' => array(
    'collapsible' => true,
    'select'=>"js:function(){ $('#BundleTab').html('Loading...') }",
 ),

以这种方式通过手动javascript处理它：

<script>
  $(document).ready(function () {
      $('#BundleTab').click(function () {
          $(this).html("Loading...");
      });
  });
</script>

如何使用yii CJuitabs加载内容时显示预加载器

1 个答案: