Revolver.js Not working in Firefox or IE

**itivae** · 06-04-2013, 07:20 PM

Hello,

I am using the Revolver.js javascript library in a project. Found here In Firefox it doesn't work at all saying that

Code:

"this.slides is undefined"

In IE it will move once then it says

Code:

"Error: Object doesn't support property or method 'trigger'"

. My Javascript is not that good. Can someone offer some advice as to the root of this problem? Or perhaps a way to work around it?

Here is a link to the up and running version (it works in both Chrome and Opera) http://www.potluckyarn.com/noahstestdir/slidertour.php

Here is a link to the site that I used for an example http://revolverjs.com/examples/other...avigation.html

I am using the jQuery version.

Thanks in advance for any help that can be given.

**Beverleyh** · 06-04-2013, 08:42 PM

I'm on iPhone now so I can only go through some logic with you.

Firstly, does the linked demo page on the source website work as expected?
If yes, download the demo pack so its working 'as-is' on your computer. After downloading the official demo pack, edit the sample page to reflect the code changes provided on the linked Keyboard Navigation Example. View the source code of that example page and refer to that if needed. Once you have an example page working as you want, build your own web page/design back up gradually around it and check it in a browser with each addition.

Secondly, have you approached the actual developer to ask for assistance?
The developer replied only 2 months ago in the comments on the example page you posted, and on Twitter around 3 weeks ago, so the project is current enough to assume that it/he is still active. There is a very good chance that he will respond to you and offer more tailored advice - its his project, not DD's, and he will be much more familiar with the setup or of any issues, so it makes sense to go to the source first.

**jscheuer1** · Yesterday, 04:32 AM

That script is flawed. Even the demo page doesn't work in IE 9 or Firefox 21.0 - Well I'm not sure about the Fox, the demo page crashed it. But your demo doesn't work in either of them. Working from a local mock up of your page and the uncompressed version of the revolver script, I was able to trace down and correct the errors (4) for IE and the one for the Fox. There might be other errors. I only found and fixed the obvious ones for the setup you're using. Here's the updated file which I also minified after working on it (right click and 'Save As'):

jquery.revolver.min.js

Use it in place of the official version.

Oh, and BTW, for IE the page also needs a standards invoking DOCTYPE. Replace this (at the very beginning of the page's source code):

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

with:

HTML Code:

<!DOCTYPE html>

The browser cache may need to be cleared and/or the page refreshed to see changes.

**itivae** · Today, 01:27 PM

Thanks jscheuer1. So far that works perfectly. Thanks for all the help.

**itivae** · Today, 03:57 PM

Hello again

I have run into another problem while writing this.
I am refreshing a div using the following function

Code:

    $(function() {
      $("#refresh").click(function(evt) {
         $(".tourwrapper").load("slidertour.php")
				 evt.preventDefault();
				 return false;
      })
    })

Here is the html

Code:

<li><a id="refresh" href="#">Back</a></li>

This seems to work well in all browsers other than IE (surprise).

I get a "SCRIPT257: Could not complete the operation due to error 80020101.
jquery-1.10.1.min.js, line 4 character 4961"

Any ideas?

**itivae** · Today, 04:48 PM

I have a workaround for this. I have removed this code

Code:

  $(function() {
      $("#refresh").click(function(evt) {
         $(".tourwrapper").load("slidertour.php")
				 evt.preventDefault();
				 return false;
      })
    })

and this HTML

Code:

<li><a id="refresh" href="#">Back</a></li>

And am letting this code do the work

Code:

    else if (e.keyCode === 40)
    {
		e.preventDefault();
$(document).keyup(function(e) {
  if (e.keyCode == 40) {
        setTimeout(function() {
            window.location.href = document.URL;
        }, 0);
  }
});

Not really what I wanted but it is workable. Let me know if you have any thoughts on how to make the click event work.

Thanks