Rotation css Police Awesome en utilisant jquery

-1

Je voulais faire pivoter la police CSS direction impressionnante (fa fa-arrow-up) sur la colonne de la table sur chaque élément de tableau lorsque la page de chargement avec des angles fournis. Je crée dynamiquement une table à partir d'un tableau en utilisant JavaScript. La flèche est affichée dans la colonne du tableau, mais ne tourne pas. Comment puis-je ATTACHE sens de rotation sur chaque élément de tableauRotation css Police Awesome en utilisant jquery

// JavaScript

var html = ''; 
    for (i = 0; i < 7; ++i){ 
     html += '<tr id="list">'; 
     html +='<td>'+ days[i] +'</td>'; 
     html +='<td>'+ max[i] +'</td>'; 
     html +='<td>'+ average[i] +'</td>'; 
     html +='<td>'+ "<div class='fa fa-arrow-up'> </div>"+ '</br>' + windS[i] +'</td>'; 
     html +='</tr>'; 

    } 

    $('#weatherTable > tbody').html(html); 



$(".fa-arrow-up").rotate(angle);

Source

2017-08-15 tumsido

Je ne vois pas quel est le problème. Lorsque vous avez votre commentaire qui dit que je dois faire pivoter l'image, appelez vous êtes la fonction de rotation après cela. La fonction de rotation a une faute de frappe que vous avez manqué le # dans $ ('# imageId') – Stefan

@stefan je modifie la question originale – tumsido

ma solution vous a-t-elle aidé? Si oui, veuillez marquer comme correct. Merci – Stefan

On dirait que vous essayez d'avoir une flèche pointant dans la direction du vent. Ce qui peut être considéré comme N NE E SE SW SW NW et N. C'est 9 cas. Avec police 4 directions impressionnantes sont déjà couvertes pour vous par défaut, NES W. Tout ce que vous devez faire est d'appliquer les degrés de rotation avec css:

<div class='fa fa-arrow-up fa-rotate-90'> </div>

Si vous voulez afficher d'autres directions regarder cette réponse de débordement de pile ici:

Statically rotate font-awesome icons

Source

2017-08-17 13:54:36 Stefan

Rotation css Police Awesome en utilisant jquery

Répondre

Questions connexes