Don`t blame me for this question, I´m really new to jquery!
I have an image (hamburger icon for a nav-menu) and would like to repeat the rotation when I click the image.
$(document).ready(function(){
$('#nav-toggle').click(function(){
$(this).css({
"-webkit-transform": "rotate(90deg)",
"-moz-transform": "rotate(90deg)",
"transform": "rotate(90deg)"
});
});
Take your anonomous function and break it out. That way, you can call it all you want.
$(document).ready(function(){
$('#nav-toggle').click(function(){
transform($(this));
});
$('<item>').onMouseClick(function(){
transform($(this));
});
function transform(var nav){
nav.css({
"-webkit-transform": "rotate(90deg)",
"-moz-transform": "rotate(90deg)",
"transform": "rotate(90deg)"
}
if you want the "#nav-toogle" to rotate "90deg" for every click you can do
$('#nav-toggle').click(function(){
if($(this).data("deg")){
$(this).data("deg",$(this).data("deg")+90);
}
else{
$(this).data("deg",90);
}
$(this).css({
"-webkit-transform": "rotate("+$(this).data("deg")+"deg)",
"-moz-transform": "rotate("+$(this).data("deg")+"deg)",
"transform": "rotate("+$(this).data("deg")+"deg)"
});
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.