在drupal7中使用jQuery.UI

jquery.ui已经内置在drupal核心中，所以我们可以直接调用即可

 

 

例如添加一个tab控件：

drupal_add_library('system', 'ui.tabs');

drupal_add_js('jQuery(document).ready(function(){jQuery( "#mytabs" ).tabs();});', 'inline');

比如给node显示页面的某些字段组织成tab页面形式

 /*
  * hook_node_view
  */
 function shellnode_node_view($node, $view_mode, $langcode) {
   if($view_mode=='full'){
     drupal_add_library('system', 'ui.tabs');
     drupal_add_js('jQuery(document).ready(function(){jQuery( "#mytabs" ).tabs();});', 'inline');
   }
   if($node->type=='items'){
     $node->content['tabs'] = array(
       '#markup' => _build_tabs($node->nid),
       '#weight' => 21,
     );
   }
 }


 function _build_tabs($nid){
   $output = '<div id="mytabs">';
   $output .= '<ul><li><a href="#mytabs-1">tabs1</a></li><li><a href="#mytabs-2">tabs2</a></li></ul>';
   $output .= '<div id="mytabs-1">'._get_page($nid).'</div>';
   $output .= '<div id="mytabs-2">'._get_device($nid).'</div>';
   $output .= '</div>';
   return $output;
 }