Drupal jQuery 用户界面答案

【问题标题】：Drupal Jquery UIDrupal jQuery 用户界面
【发布时间】：2011-09-19 16:28:04
【问题描述】：

我正在尝试使用Jquery UI的效果功能来实现滑动。

使用以下代码：

$('div#main div#sidebar-left').effect('slide');

给我一个函数无法识别的错误。

由于我安装了 Jquery UI 模块，我想知道是否有人知道我可以如何通过该模块调用我的欲望函数？

【问题讨论】：

【解决方案1】：

我猜这是 Drupal 6，在这种情况下，您需要使用 jquery_ui_add() 将 jQuery UI 文件添加到页面中

jquery_ui_add('effects.slide');

或者类似的东西。此函数将进入页面回调函数，如果您在每个页面上都需要它，也可以在 hook_init() 中。

【讨论】：

【解决方案2】：

尝试：

jQuery('div#main div#sidebar-left').effect('slide');

【讨论】：

【解决方案3】：

在您的页面中包含 jQuery：

<?php
 drupal_add_js (
    '$(document).ready(function(){$("p.jtest").fadeIn(6000);}); ',
    'inline');
?>

做幻灯片：

我们可以为任何元素设置动画，例如简单的图像：

<div id="clickme">
  Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />

当点击另一个元素时，我们将调用 .slideToggle()：

$('#clickme').click(function() {
  $('#book').slideToggle('slow', function() {
    // Animation complete.
  });
});

【讨论】：