Question

Im having problem with cordova xcode app. I already have my html page setup. I cant make a very simple hover and active animation on css. Very basic, when you click or hover a certain button or div tag, background image will change. I already tried javascript/jquery (created a function for mouseDown and Up) but nothing happened. I think cordova app or the xcode itself prevent such style or animation? If so, can I edit it make my own style.?

Well, before I export in my IOS app I tried it in dreamweaver and ran it on the browser and it worked. But when I export it on my ios app the css/javascript hover no longer work.

Should you have answer any answer regarding this matter is highly appreciated!

Thank you very much!

Answer 1

I think cordova app or the xcode itself prevent such style or
animation? If so, can I edit it make my own style.?

I was able to do a simple animation in cordova. For instance:

$('#formulaire').animate({
                            opacity: 1.0,
                        }, 4000, function() {});


$('#logo').animate({
                    "top":"60px"
                   }, 2000, function() {});
}

Edit 1.0:

Inside the html file (index)?

Yes.

How did you configure your cordova app.

Just like it’s state on the quick guide in the cordova site.

So my question here, are you using JQuery? Did you import it correctly? Mine is imported like this:

 <script  src="jquery/jquery.js"></script>
 <script  src="jquery/jquery.mobile-1.1.0.js"></script> 

Don’t mind the Data Management folder: