WordPress.org

Ready to get started?Download WordPress

Forums

WP UI - Tabs, Accordions, Sliders
[closed] 0.8.5 WP UI does not work with WordPress 3.5 (13 posts)

  1. signcarver
    Member
    Posted 1 year ago #

  2. signcarver
    Member
    Posted 1 year ago #

    OK - found a fix from an old post
    I went to Settings > WP UI > Advanced and unchecked Demand Load Scripts

  3. rezon8dev
    Member
    Posted 1 year ago #

    @signcarver just an FYI your FAQ page is not rendering an accordion in IE.

  4. signcarver
    Member
    Posted 1 year ago #

    @rezon8dev - Thank you. I see that also - i will investigate.

    Thanks for the heads up!

    Works fine in Opera, Chrome and Safari.

    Why is IE always the exception...

  5. rezon8dev
    Member
    Posted 1 year ago #

    usually because some value has not been defined or set, it usually likes everything to be declared. But the issue with this plugin has to do with the below function throwing this error:

    Unable to get value of the property 'ajaxClass': object is null or undefined
    script block (14), line 40 character 6:

    Any help would be great!

    (function( $ ) {
    
    	////////////////////////////////////////////////////
    	//////////////////// WP Accordion //////////////////
    	///////////////////////////////////////////////////
    	$.widget( 'wpui.wpaccord', {
    		options			: {
    			header			: 	'h3.wp-tab-title',
    			content			: 	'div.wp-tab-content',
    			ajaxClass		: 	'a.wp-tab-load',
    			effect			: 	(typeof wpUIOpts != "undefined") ? wpUIOpts.accordEffect : '',
    			autoHeight		: 	(typeof wpUIOpts != "undefined"  && wpUIOpts.accordAutoHeight == 'on' ) ? true : false,
    			collapse		: 	(typeof wpUIOpts != "undefined"  && wpUIOpts.accordCollapsible == 'on' ) ? true : false,
    			easing			: 	(typeof wpUIOpts != "undefined" ) ? wpUIOpts.accordEasing : '',
    			accordEvent		:   ( typeof wpUIOpts != "undefined" ) ? wpUIOpts.accordEvent : '',
    			wpuiautop		: 	true,
    			hashChange 		: 	true,
    			template		: 	'<div class="wp-tab-content"><div class="wp-tab-content-wrapper">{$content}</div></div>'
    		},
    		_create			: function() {
    			self = this;
    			$this = this.element;
    			this.o = this.options;
    			this.header = $this.find( this.o.header );
    			this.id = $this.attr( 'id' );
    
    			if ( this.o.wpuiautop ) {
    				$this.find('p, br')
    					.not( this.o.content + ' > br, ' + this.o.content + '.wp-tab-content > p' )
    					.filter(function() {
    						return( $.trim( $(this).html() ) === '' );
    				}).remove();
    			}
    
    			$this.find( this.o.header + ',' + this.o.content ).wrapAll( '<div class="accordion" />' );
    
    			this.header.each( function() {
    				var elId = $( this ).text(),
    					toLoad = $( this ).children( self.o.ajaxClass ),
    					img = $( this ).find( 'img' ),
    					linkStr = '';
    
    				elId = $.wpui.getIds( elId, self.id );
    
    				$( this )
    					// .next()
    					.attr( 'id', elId );
    
    				if ( toLoad.length ) {
    					$( '<div />' )
    					.load( toLoad.attr( 'href' ), function( data ) {
    						$( this ).html( self.o.template.replace( /\{\$content\}/, data ) );
    					})
    					.insertAfter( this );
    				}
    
    			});
    
    		},
    		_init			: function() {
    			var options = {}, accClass;
    
    			options.autoHeight = this.o.autoHeight ? true : false;
    
    			if ( this.o.collapsible ) {
    				options.collapsible = true;
    				options.active = false;
    			}
    
    			if ( this.o.easing ) options.animated = this.o.easing;
    
    			options.event = this.o.accordEvent;
    
    			this.accordion = $this.children( '.accordion' ).accordion( options );
    
    			accClass = $this.attr( 'class' );
    
    			if ( activePanel = accClass.match(/acc-active-(\d){1}/im) ) {
    				this.accordion.accordion( 'activate', parseInt( activePanel[ 1 ], 10 ) );
    			}			
    
    			if ( $this.hasClass( 'wpui-sortable' ) ) {
    				this.header.each(function() {
    					$( this ).wrap( '<div class="acc-group" />' );
    					$( this ).parent().next().insertAfter( this );
    				});
    
    				this.accordion
    				.accordion({
    					header: "> div.acc-group > " + self.o.header
    				}).sortable({
    					handle : self.o.header,
    					axis	: 'y',
    					stop: function( event, ui ) {
    							ui.item.children( "h3" ).triggerHandler( "focusout" );
    						}
    				});
    
    			}
    
    			// Auto rotate the accordions
    			this.rotate();
    
    			if ( typeof( $.wpui.ids.children ) == 'undefined' )
    				$.wpui.ids.children = {};
    			$this.find( '.wp-tab-content-wrapper' ).contents().each(function() {
    				if ( this.id )
    					$.wpui.ids.children[ this.id ] = $( this ).closest( '.ui-accordion-content' ).attr('id');
    
    			});		
    
    		},
    		_setOption		: function( key, value ) {
    			switch( key ) {
    				case "destroy":
    					this.destroy();
    					break;
    
    			}
    
    			$.Widget.prototype._setOption.apply( this, arguments );
    		},
    		rotate		: function() {
    
    			var self = this, rSpeed = this.element.attr( 'class' ).match( /tab-rotate-(.*)/, "$1" ), aRot, rotac;
    
    			if ( rSpeed ) {
    				rSpeed =  rSpeed[1];
    				if ( rSpeed.match(/(\d){1,2}s/, "$1") ) rSpeed = rSpeed.replace(/s$/, '') * 1000;
    				cPanel = this.accordion.accordion( 'option', 'active' );
    				tPanel = this.accordion.children().length / 2 -1;
    
    				rotac = setInterval(function() {
    					self.accordion.accordion( 'activate', ( cPanel > tPanel ) ? 0 : cPanel++ );
    				}, rSpeed );
    
    				self.accordion.children(":nth-child(odd)").bind( 'click', function() {
    					clearInterval( rotac );
    				});
    			}
    
    		},
    		destroy		: function() {
    
    			this.header.unwrap();
    
    			this.header.attr( 'class', this.o.header.replace( /.{1,6}\./, '' ) );
    			this.header.siblings( this.o.content ).attr( 'class', this.o.content.replace( /.{1,6}\./, '' ) ).removeAttr( 'id' ).show();
    
    			$.Widget.prototype.destroy.call( this );
    		}
    
    	});
    
    })( jQuery );
  6. mirefoot
    Member
    Posted 1 year ago #

    I can't get this to work on WordPress 3.5 either http://mossadvertising.com.au/clients/hudson/baking-ingredients/

  7. mirefoot
    Member
    Posted 1 year ago #

    Found the problem, it conflicts with Widgetkit by Yootheme. I assume they are both loading Jquery, that is usually the problem.

  8. everwill
    Member
    Posted 1 year ago #

    Simple Real Estate Pack also loads Jquery and is causing conflicts. Any idea what should be done?

  9. signcarver
    Member
    Posted 1 year ago #

    I have tried to contact the author (Kavin) via his site's contact page (http://kav.in/contact/) but when you submit your contact form, the site just spins. I also posted on his Facebook page. (I see that mirefoot did also).

  10. Mickey Kay
    Member
    Posted 1 year ago #

    I had the same problem, and it was resolved by the 'Old Version' (Use old scripts instead of the rewritten API) checkbox in WP UI Settings -> Advanced. I had this checked because it is seemingly the only way to enable collapsible accordions. Now I'm having the issue of my accordions not collapsing. Crap.

  11. KingShinobi
    Member
    Posted 1 year ago #

    WP UI breaks all my accordion menus in the WP backend. As far as I can say, it's since the 3.5 update. I can only deactivate the plugin to get the backend menus working again. I tried all solutions, mentioned above. Anyone else with this issue?

  12. everwill
    Member
    Posted 1 year ago #

    I pay someone to get this working again . . .

  13. esmi
    Forum Moderator
    Posted 1 year ago #

    Please try http://jobs.wordpress.net/

    This topic has now been closed as per the Forum Rules

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic