Search jQuery

jQuery Forum

Using jQuery UI

speedpack..

accordion fails

Need more info

Need more info
Not a problem
Temporary fix
Analyzing
Working on it
Solved

in Using jQuery UI • 9 years ago

Hi,

I have an accordion set up as follows:

<div class="fx-accordion" >
<h3><a href="#">Question 1</a></h3>
<div>
Answer 1
</div>
</div>

I'm then using livequery to initialise these accordions (they come in through ajax!) as follows:

jQuery('.fx-accordion').livequery(function() {
jQuery(this).accordion();
} );

The accordion seems to be generating perfectly well. However - whenever I click an item to expand, I'm getting the following error:

jQuery.easing[specialEasing || defaultEasing] is not a function

The error goes back to line number 5854 of jquery.js.

this.pos = jQuery.easing[specialEasing || defaultEasing](this.state, n, 0, 1, this.options.duration);

I'm running the latest versions of jQuery and UI published on Google CDN.

Any idea anyone?

If you would like to reproduce, go to http://www.flexin.be/site/en/department/contact/1.html?_rw=4&_s=0&#

In the question box, enter "control panel test question" and wait 2 seconds; you will be presented with FAQ entries there which are being presented in an accordion :)

Thanks so much for your help, guys!

Replies(4)

rdworth

Re: accordion fails

9 years ago

I was not able to reproduce this:

http://jsbin.com/epewo

Any chance your ajax content includes a different copy of jQuery that's overwriting the previous one as it gets added to the page? That's my best guess.

speedpack..

Re: Re: accordion fails

9 years ago

Just double checked the ajax, and I'm getting this back:

<div class="green">
<h1>Did you check our online knowledge base?</h1>
To help you find an answer to the most frequently asked questions, we are publishing these questions and their answers in our online knowledge base.  We think the following entries may already answer your question.  If these articles do not answer your question, please do not hesitate to submit your ticket at the bottom of this page.
<div class="fx-accordion" >
     
        <h3><a href="#"><p>How can I access my control panel?</p></a></h3>   
        <div>
        <p>Answer will follow soon!</p>
        <div style="font-size:10px; width:100%; border-top: 1px solid #dedede; margin-top:12px;">Relevance: 3.69931268692017% &bull; Category: blablabla</div>
        
        </div>
     
        <h3><a href="#"><p>this is a test question</p></a></h3>   
        <div>
        <p>test answer</p>
        <div style="font-size:10px; width:100%; border-top: 1px solid #dedede; margin-top:12px;">Relevance: 1.4658168554306% &bull; Category: blablabla</div>
        
        </div>
    </div>
</div>

So this is what I would expect.

I need to tell that we are migraring from prototype code to jQuery, and we have some code that should be converted still, but I don't think anything is supposed to interfere.
I'll continue my search though!

speedpack..

Re: accordion fails

9 years ago

I'm sorry for wasting your time.
I just found the answer.

Apparently, we did an explicit include of jquery.easing.js which we downloaded when implementing jqGrid. Was this at some time not part of jQuery core and now moved there?

I removed that include, and it works fine now...

rdworth

Re: Re: accordion fails

9 years ago

easing is part of jQuery UI, it's in the jQuery UI Effects Core

Top Reply

Response title

Attachments

jQuery Forum

accordion fails

Need more info

Replies(4)

Re: accordion fails

Re: Re: accordion fails

Re: accordion fails

Re: Re: accordion fails

Statistics

Tags

Actions