如何在CakePHP和jQuery中使用fadeIn效果？

我是JavaScript新手，我发现它在CakePHP中尤其令人困惑

我有一个AJAX调用，它获取另一个页面并将其放在一个div中。这是可行的，但我希望它淡入而不是仅仅出现

这是我目前掌握的代码：

$this->Js->get('#load_items');
$this->Js->event('click', $this->Js->request(
    array('action' => 'plain_items'),
    array(
        'async' => true, 
        'update' => '#items',
        'complete' => 'onComplete'
    )
));
$this->Js->event('onComplete', $this->Js->effect('fadeIn'));

echo '<div id="items"></div>';
echo $this->Form->submit('Load Items', array('id' => 'load_items'));

$this->Js->get（'load#u items'）；
$this->Js->event（'click'，$this->Js->request(
数组（'action'=>'plain_items'），
排列(
'async'=>true，
“更新”=>“#项目”，
“完成”=>“完成”
)
));
$this->Js->event（'onComplete'，$this->Js->effect（'fadeIn'）；
回声'；
echo$this->Form->submit（'Load Items'，array（'id'=>'Load_Items'）；

---

获取“plain_items”视图并将其加载到“items”div中没有任何问题，但我无法让它在加载时淡入淡出状态。我做错了什么？

$this->Js这包含“加载”项目的对象，如果你想淡入div项目，那么你需要获取该div的项目，然后淡入。。参见下面的示例

$this->Js->event('click', $this->Js->request(
    array('action' => 'plain_items'),
    array(
        'async' => true, 
        'update' => '#items',
        'before' => $this->Js->get('#items')->effect('fadeOut', array('buffer' => false)),
        'complete' => $this->Js->get('#items')->effect('fadeIn', array('buffer' => false))
    )
));

---

嗯，看起来并不是每次都有人叫“onComplete”。为了调用它，我的语法是否有误？这样更好，但我应该提到，这是由提交按钮触发的。如果您单击div，而不是submit按钮，那么您的修复程序可以工作#load_items是按钮的id。您尝试过吗？因为它绑定到ajax complete意味着它应该在ajaxI更新的div尝试后淡出，但它只会在单击div时加载/淡出。如果单击submit按钮则不会加载/淡出。源代码有$（“#items”）.bind（“单击”而不是$（“#加载#items”）.bind（“单击”