Comment utiliser jQuery UI accordéon avec boucle

C'est le code d'accordéon jquery pour effet:Comment utiliser jQuery UI accordéon avec boucle

$(function() { 
      $("#accordion").accordion({ 
      header: "h3" 
      }); 
     });

Ceci est la sortie de la base de données (MySQL) qui est la boucle (boucle incertaine):

while($showE = mysqli_fetch_array($show)) 
      { 

      echo $showE['un_name']; /* this should be accordion head */ 
      echo $showE['un_name_dec']; /* this should be accordion description */ 
      }

Donc ma question est, comment les montrer en accordéon, tout fonctionne (je peux aller chercher des disques de base de données), mais l'effet d'accordéon ne se forme pas, (l'effet d'accordéon ne fonctionne pas) et comment les montrer avec la boucle?

Source

2013-04-14 GAURAV MAHALE

Donc, vous avez deux fichiers: index.html et load_entries.php

index.html:

<html> 
    <head> 
     <!-- Make the imports of your stylesheets and scripts here --> 
     <script type="text/javascript"> 
      $(function() { 
       $("#accordion").accordion({header: "h3"}); 
      }); 
      function load_entries() { 
       $.ajax({ 
        url: "load_entries.php", 
        complete: function(data) { 
         $("#accordion").html(data.responseText); 
        } 
       }); 
      } 
     </script> 
    </head> 
    <body> 
     <button onclick="load_entries();">Load</button> <!-- Button to load the entries --> 
     <div id="accordion"> 

     </div> 
    </body> 
</html>

load_entries.php:

<?php 
    //connect to your database here 
    $sql = "SELECT * FROM entries"; //replace entries by your own table name 
    $result = mysqli_query($sql); 
    while($row = mysqli_fetch_array($result)) { 
     echo '<h3>'.$row['un_name'].'</h3>'; 
     echo '<div>'.$row['un_name_dec'].'</div>'; 
    } 
?>

Source

2013-04-14 13:04:26

alors comment les afficher dans accordion_ j'ai problème il –

maintenant le code devrait également ajouter le code javascript qui crée l'accordéon –

quel devrait être le code dans la page d'accueil (html ) –

jquery Script

$.post('server.php', function(data) { 

$("#accordion").html(data); 

$("#accordion").accordion(); 

});

Server.php

$html=''; 
while($showE = mysqli_fetch_array($show)) { 
$html.= '<h3>'.$showE['un_name'].'</h3>'; 
$html.= '<div>'.$showE['un_name_dec'].'</div>'; 
} 
echo $html;

Balise HTML

<div id='accordion'></div>

Source

2013-04-14 13:06:59

je le sais, mais je ne sais pas comment les montrer en jquery accordéon en utilisant (append ou quelque chose) –

merci de m'aider mec ..... –

vous Bienvenue –

Comment utiliser jQuery UI accordéon avec boucle

Répondre

Questions connexes