Here is the problem:
I am accessing certain elements in the panorama "externally" by working my way through the DOM. I have to do this because I can't implement a specific feature any other way.
This approach works fine on the desktop, in Safari for OS X and in any other browser.
Unfortunately, it doesn't work in iOS. I have tried with Safari, Chrome and Firefox - the element that is supposed to respond to a click (a touch) is simply dead.
I have tried all kinds of alternative approaches. They all work on the desktop, but none of them work in iOS. At first I thought about security, but that doesn't seems very likely. My user interface relies on all kinds of clicks, and none of them gives me any problem in iOS.
I did a quick search in the panorama software (.p2vr) for the string "preventDefault". I found 18 instances of this function, so may be pano2VR is interfering in some way?
For the sake of our understanding here is what I am doing:
// Access panorama element:
var box1 = $("#container")
.children(":first")
.children(":nth-child(2)")
.children(":first")
.children(":first");
// Set up an event handler for this element:
box1.on("click", function(){
$("#detail1").css({display: "block"}).animate({opacity: 1}, 1200);
easyZoom("#detail1", "#img1", "#smImg1", 300);
$('#smImg1').animate({opacity: 1}, 600);
$("#wrapper1").animate({left: 0}, 600);
});
At this point I am out of ideas. Any suggestions would be much appreciated!
-Franco