Bonjour,

j'ai le code suivant qui génère des li classés par catégories.

$(function(){
    // Au chargement de la page, on crée le catalogue (liste des forfaits)
    for (var i = 0 ; i <= app_data.forfaits.length - 1;  i++) {
        var forfait = app_data.forfaits[i]; // Le forfait considéré
        // Créer et accrocher un nouveau li
        var new_li = $('<li>')
            .appendTo($('#tabs-' + forfait.categorie).children('ul.forfaits'))
            .addClass('forfait');
        // Créer et accrocher un nouveau h3
        $('<h3>')
            .appendTo(new_li)
            .text(forfait.name);
        // Créer et accrocher un nouveau img
        $('<img>')
            .appendTo(new_li)
            .prop('src', 'images/' + forfait.photo)
            .prop('alt', 'blabla');
        $('<p>')
            .appendTo(new_li)
            .html(forfait.description);
        $('<ul>')
            .appendTo(new_li)
            .append('<li>'+forfait.prix+'</li>')
            .append('<li>'+forfait.categorie+'</li>')
            .append('<li>'+forfait.date_debut+'</li>')
            .append('<li>'+forfait.date_fin+'</li>')


    }

j'aimerais que chaque li soit clickable donc j'ai essayé d'insérer un a, mais cela ne fonctionne pas.

j'ai essayé de le créer dan la variable directement comme ceci

 var new_li = $('<li><a href="index.html">')

ensuite deux lignes plus bas avec

.html()

Mais rien ne marche.

<a href="mylink.html"><li>This is a link</li></a>

-
Edité par Anonyme 25 juillet 2016 à 15:51:12