I’m creating a webpage which uses jquery.transit plugin.
I download the .js file and included it. I also included jquery.js.
These files are located in a folder called Scripts.
Now when i click on a button that makes a div object move, nothing happens.
I’m using Aptana version 3 installed on Microsoft windows platform.
Most of plugins don’t work.
My first guess was if I’m using jquery beside other jquery plugins I should do some syntax operations but in one of my jquery plugins it proved wrong.
now my question is what is the standard way of doing this and down here is my code so if it has a problem ,I’d be happy if anyone help.
<!DOCTYPE html>
<html lang="en">
<head>
<script src="/Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script src="/Scripts/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<button type="button" id="btn" onclick="$('#movDiv').transition({ rotate: '30deg' });"> Click Me </button>
<div id="movDiv"></div>
</body>
There is a problem a lot of people are doing:
You should reference jQuery library once and above all other jQuery plugins.
If you reference jQuery again it will override every earlier plugin.
Read this question, you are might facing the same problem.
Update:
Steps:
<head>I Hope I’m clear enough.