我正在使用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>
任何帮助?提前谢谢。