Jquery tabs don´t work on my Feather powered Wordpress theme

Jquery tabs don´t work on my Feather powered Wordpress theme

I have a tabbed Wordpress widget here to display recent comments, posts and tags. It doesn´t work like should with jquery-tabs. It loads each tab under each other instead of just changing content. The code is here:

  2. <?php

  4. class Bandit_Tabs extends WP_Widget {

  6. /**
  7. Constructor
  8. **/
  9. function Bandit_Tabs() {
  10. parent::WP_Widget(false,$name='Bandit Tabbed Widget');
  11. }

  13. /**
  14. Widget
  15. **/
  16. function widget($args, $instance) {
  17. extract( $args );
  18. $instance['title']?NULL:$instance['title']='';
  19. $title = apply_filters('widget_title',$instance['title']);
  20. $tab_post_thumbnails = $instance['tab_post_thumbnails'];
  21. $tab_popular_title = $instance['tab_popular_title'];
  22. $tab_recent_title = $instance['tab_recent_title'];
  23. $tab_comments_title = $instance['tab_comments_title'];
  24. $tab_tags_title = $instance['tab_tags_title'];
  25. $output = $before_widget."\n";
  26. if($title)
  27. $output .= $before_title.$title.$after_title;
  28. ob_start();
  29. ?>



  33. <div class="bandit-tabs">
  34. <ul class="tab-links clearfix">
  35. <li id="bandit-tab1"><a href="#tabs-1"><?php echo $tab_recent_title; ?></a></li><li id="bandit-tab2"><a href="#tabs-2"><?php echo $tab_popular_title; ?></a></li><li id="bandit-tab3"><a href="#tabs-3"><?php echo $tab_comments_title; ?></a></li><li id="bandit-tab4"><a href="#tabs-4"><?php echo $tab_tags_title; ?></a></li>
  36. </ul>

  38. <div class="tab-inner">

  40. <?php $recent=new WP_Query(); ?>
  41. <?php $recent->query('showposts=5&ignore_sticky_posts=1');?>
  42. <div id="tabs-1" class="bandit_tab">
  43. <ul class="clearfix">
  44. <?php while ($recent->have_posts()): $recent->the_post(); ?>
  45. <li>
  46. <a href="<?php the_permalink(); ?>">
  47. <?php if($tab_post_thumbnails && has_post_thumbnail()): ?>
  48. <span class="tab-entry-image"><?php the_post_thumbnail('thumbnail-tiny'); ?></span>
  49. <?php endif; ?>
  50. <span class="tab-entry-title"><?php the_title(); ?></span>
  51. <span class="tab-entry-date"><?php the_time('F j, Y'); ?></span>
  52. </a>
  53. </li>
  54. <?php endwhile; ?>
  55. </ul>
  56. </div>

  58. <?php $popular=new WP_Query(); ?>
  59. <?php $popular->query('showposts=5&ignore_sticky_posts=1&orderby=comment_count'); ?>
  60. <div id="tabs-2" class="bandit_tab">
  61. <ul class="clearfix">
  62. <?php while ($popular->have_posts()): $popular->the_post(); ?>
  63. <li>
  64. <a href="<?php the_permalink(); ?>">
  65. <?php if($tab_post_thumbnails && has_post_thumbnail()): ?>
  66. <span class="tab-entry-image"><?php the_post_thumbnail('thumbnail-tiny'); ?></span>
  67. <?php endif; ?>
  68. <span class="tab-entry-title"><?php the_title(); ?></span>
  69. <span class="tab-entry-date"><?php the_time('F j, Y'); ?></span>
  70. </a>
  71. </li>
  72. <?php endwhile; ?>
  73. </ul>
  74. </div>

  76. <?php $comments = get_comments(array('number'=>5,'status'=>'approve','post_status'=>'publish')); ?>
  77. <div id="tabs-3" class="bandit_tab bandit_tab_comments">
  78. <ul class="clearfix">
  79. <?php foreach ($comments as $comment): ?>
  80. <li class="clearfix">
  81. <a href="<?php echo esc_url(get_comment_link($comment->comment_ID)); ?>">
  82. <span class="tab-entry-image"><?php echo get_avatar($comment->comment_author_email,$size='34'); ?></span>
  83. <?php $str=explode(' ',get_comment_excerpt($comment->comment_ID)); $comment_excerpt=implode(' ',array_slice($str,0,11)); if(count($str) > 11 && substr($comment_excerpt,-1)!='.') $comment_excerpt.='...' ?>
  84. <span class="tab-entry-title"><?php echo $comment->comment_author; ?> says:</span>
  85. <span class="tab-entry-comment"><?php echo $comment_excerpt; ?></span>
  86. </a>
  87. </li>
  88. <?php endforeach; ?>
  89. </ul>
  90. </div>

  92. <div id="tabs-4" class="bandit_tab">
  93. <div class="tab-tagcloud clearfix">
  94. <?php wp_tag_cloud(); ?>
  95. </div>
  96. </div>
  97. </div>
  98. </div>

  100. <?php
  101. $output .= ob_get_clean();
  102. $output .= $after_widget."\n";
  103. echo $output;
  104. }

  106. /**
  107. Widget update
  108. **/
  109. function update($new_instance,$old_instance) {
  110. $instance = $old_instance;
  111. $instance['title'] = strip_tags($new_instance['title']);
  112. $instance['tab_post_thumbnails'] = $new_instance['tab_post_thumbnails']?1:0;
  113. $instance['tab_popular_title'] = strip_tags($new_instance['tab_popular_title']);
  114. $instance['tab_recent_title'] = strip_tags($new_instance['tab_recent_title']);
  115. $instance['tab_comments_title'] = strip_tags($new_instance['tab_comments_title']);
  116. $instance['tab_tags_title'] = strip_tags($new_instance['tab_tags_title']);
  117. return $instance;
  118. }

  120. /**
  121. Widget form
  122. **/
  123. function form($instance) {
  124. // Default widget settings
  125. $defaults = array(
  126. 'title' => __('Tabs'),
  127. 'tab_post_thumbnails' => 0,
  128. 'tab_popular_title' => __('Popular'),
  129. 'tab_recent_title' => __('Recent'),
  130. 'tab_comments_title' => __('Comments'),
  131. 'tab_tags_title' => __('Tags'),
  132. );
  133. $instance = wp_parse_args( (array) $instance, $defaults );
  134. $thumbnails = $instance['tab_post_thumbnails']?' checked="checked"':'';
  135. // Build form
  136. $form='<p>';
  137. $form.='<label for="'.$this->get_field_id('title').'">Title <small>(recommended - leave blank)</small>:</label>';
  138. $form.='<input class="widefat" id="'.$this->get_field_id('title').'" name="'.$this->get_field_name('title').'" type="text" value="'.$instance['title'].'" />';
  139. $form.='</p>';

  141. $form.='<p>';
  142. $form.='<input class="checkbox" id="'.$this->get_field_id('tab_post_thumbnails').'" name="'.$this->get_field_name('tab_post_thumbnails').'" type="checkbox"'.$thumbnails.'>';
  143. $form.=' <label for="'.$this->get_field_id('tab_post_thumbnails').'">Show Post Thumbnails</label>';
  144. $form.='</p>';
  146. $form.='<p>';
  147. $form.='<label for="'.$this->get_field_id('tab_popular_title').'">Popular Posts Tab Title:</label>';
  148. $form.='<input class="widefat" id="'.$this->get_field_id('tab_popular_title').'" name="'.$this->get_field_name('tab_popular_title').'" type="text" value="'.$instance['tab_popular_title'].'" />';
  149. $form.='</p>';

  151. $form.='<p>';
  152. $form.='<label for="'.$this->get_field_id('tab_recent_title').'">Recent Posts Tab Title:</label>';
  153. $form.='<input class="widefat" id="'.$this->get_field_id('tab_recent_title').'" name="'.$this->get_field_name('tab_recent_title').'" type="text" value="'.$instance['tab_recent_title'].'" />';
  154. $form.='</p>';

  156. $form.='<p>';
  157. $form.='<label for="'.$this->get_field_id('tab_comments_title').'">Comments Tab Title:</label>';
  158. $form.='<input class="widefat" id="'.$this->get_field_id('tab_comments_title').'" name="'.$this->get_field_name('tab_comments_title').'" type="text" value="'.$instance['tab_comments_title'].'" />';
  159. $form.='</p>';

  161. $form.='<p>';
  162. $form.='<label for="'.$this->get_field_id('tab_tags_title').'">Tags Tab Title:</label>';
  163. $form.='<input class="widefat" id="'.$this->get_field_id('tab_tags_title').'" name="'.$this->get_field_name('tab_tags_title').'" type="text" value="'.$instance['tab_tags_title'].'" />';
  164. $form.='</p>';
  165. // Display form
  166. echo $form;
  167. }

  169. }
 Theme combined js file

  2. jQuery(document).ready(function (a) {
  3.     a("#footer a.top,.sc-divider a").click(function () {
  4.         a("html, body").animate({
  5.             scrollTop: 0
  6.         }, "slow");
  7.         return !1
  8.     });
  9.     a("#headstyle-switch").length && a("#headstyle-switch a").click(function (b) {
  10.         b.preventDefault();
  11.         a("#headstyle-switch a").removeClass("active");
  12.         a(this).addClass("active");
  13.         image = a(this).attr("data-image");
  14.         repeat = a(this).attr("data-repeat");
  15.         size = a(this).attr("data-size");
  16.         a("#headstyle-bg div.image").css({
  17.             "background-image": "url(" + image + ")",
  18.             "background-repeat": repeat,
  19.             "background-size": size
  20.         });
  21.         a.cookie("_bandit_header", a(this).parent().index(), {
  22.             expires: 365,
  23.             path: "/"
  24.         })
  25.     });
  26.     a(".entry table").length && a(".entry table tr:odd").addClass("alt-table-row");
  27.     a(".widget_bandit_tabs").length && a(".bandit-tabs").tabs({
  28.         fx: {
  29.             opacity: "show"
  30.         }
  31.     });
  32.     a(".sc-tabs").length && a(".sc-tabs").tabs({
  33.         fx: {
  34.             opacity: "show"
  35.         }
  36.     });
  37.     a(".toggle-box").length && a("h4.toggle-title").click(function () {
  38.         a(this).toggleClass("toggle-title-active");
  39.         a(this).parent().find(".toggle-inner").toggle();
  40.         return !1
  41.     })
  42. });


What could be the cause of this? I can´t figure out what´s wrong.