如何在更改事件中使用CakePHP中的fadeIn和fadeOut效果?

时间:2016-03-16 19:27:23

标签: jquery cakephp cakephp-2.6

我正在使用jshelper(jquery)在父下拉列表中使用'change'事件填充下拉列表。 这工作正常。 效果fadeIn和fadeOut无法正常工作。 我对效果感到困惑。 这是父母和孩子的下拉。

<div class="form-group">
                                    <label class="h5">Category</label>
                                    <div class="advance-search-form-control">
                                        <?php echo $this->Form->input('catagory',array(
                                            'class' => 'form-control',
                                            'options'=>$catagory,
                                            'div' => false,
                                            'label' => false,
                                            'type' =>'select',
                                            'empty' =>'--select--',
                                            'id' => 'catagory',
                                        ));  ?>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="h5" id="c_label" hidden>Subcatagory</label>
                                    <div id="c_show" hidden>
                                        <div class="advance-search-form-control">
                                            <?php echo $this->Form->input('subcatagory',
                                                array('class'=>'user_login form-control',                            
                                                    'id'=>'subcatagory',
                                                    'div'=>false,
                                                    'label'=>false,
                                                    'type' => 'select',
                                                ));
                                            ?>
                                        </div>
                                    </div>
                                </div>

这是jquery(JsHelper)代码,用于触发事件和显示效果。

<?php
$this->Js->get('#catagory')->event('change',
 $this->Js->request(array(
    'controller'=>'subcatagories',
    'action'=>'getByCat'
), array(
    'update'=>'#subcatagory',
    'async' => true,
    'method' => 'post',
    'dataExpression'=>true,
    'data'=> $this->Js->serializeForm(array(
        'isForm' => true,
        'inline' => true,
        'before' => $this->Js->get('#wait')->effect('fadeOut', array('buffer' => false)),
        'success' => $this->Js->get('#wait')->effect('fadeIn', array('buffer' => false))
    ))
))

); ?&GT;

简单的div:

<div id="wait" style="display: none">wait...</div>

任何帮助?提前谢谢。

0 个答案:

没有答案