BE 2.0 and Jquery

Topics: Controls
May 5, 2011 at 7:19 AM

I am attempting to upgrade my blog and plugins to work with the new version of BE.  I am getting an error on my Movies For My Blog plugin that I haven't been able to figure out.  I have it up and running here http://be20.racheljason.com/ to experience the problem.

I am getting an Object doesn't support this property or method error in the Jquery.js file when clicking next on the plugin to scroll through the movies, but only in IE.  I have gone to the site with FF and it works perfect.  I am a little confused at this error and was wondering if anyone had better experience in troubleshooting javascript than I do.  I know that part of the jquery is working because it groups all of the objects together.  It is just when the next button is clicked when the problem occurs in IE.

Any help would be appreciated.

Jason

May 5, 2011 at 9:36 AM

Seems to work OK in IE 9 as well as any other browser, barring earlier IE versions.

Looks like you are using Easy Slider version 1.5. As a first port of call, have you tried it with version 1.7?

May 6, 2011 at 7:12 AM

I swapped out the easyslider 1.5 with 1.7 and am getting the same error with  IE 8 and earlier.  Like you said, all other browsers including IE 9 works.

May 6, 2011 at 9:50 AM
Edited May 6, 2011 at 9:53 AM

Hi Jason,

I'm using BE 2 and have just set up a slider on an offline version of my site using some basic test data and it works well in all versions of IE

I used the same setup as you in the document ready function

 

            $("#slider").easySlider({
                prevText: 'Previous',
                nextText: 'Next',
                controlsFade: false,
                speed: 300
            });

The markup

            <div >
                 <div id="slider" >
	                 <ul>
	                        <li><img src="/about/images/ladyMob.jpg" alt="Lady relaxing on lakeside beach watching mobile TV" width="250" height="213" /></li>
                                <li><img src="/about/images/ladyMob2.jpg" alt="Lady in departure lounge watching mobile TV" width="250" height="213" /></li>
                                <li><img src="/about/images/tvPub.jpg" alt="Guys in pub watching football highlights on mobile" width="250" height="213" /></li>
                                <li><img src="/about/images/carMob.jpg" alt="Mobile TV on rear of car seat headrest" width="250" height="213" /></li>                           
	                 </ul>
                 </div>                  
            </div>

So there is nothing wrong with the slider.
I played around with a few settings and done a little debugging and it looks to me like there is a conflict with the SyntaxHighlighter extension, can you remove the syntaxHighlighter.cs file from the App_Code\Extensions folder and let me know what happens?
May 6, 2011 at 6:34 PM
Edited May 6, 2011 at 6:38 PM

I removed the syntaxHighlighter.cs file and now it works perfect.  

How did you find it was that extension causing the problem?  Maybe we can get the developer of that code to fix it?

 

 

May 6, 2011 at 6:50 PM

Glad to hear it, if you don't use the syntax highlighter you are as well to get rid of it (or at least disable it) anyway, otherwise you are needlessly including it's script on every page.


From: jasond727 [email removed]
Sent: 06 May 2011 18:35
To: mckayandy@blueyonder.co.uk
Subject: Re: BE 2.0 and Jquery [blogengine:256443]

From: jasond727

I removed the syntaxHighlighter.cs file and now it works perfect.