Php 如何根据循环使用jqueryui
这是jquery手风琴代码的作用:Php 如何根据循环使用jqueryui,php,jquery,mysql,loops,accordion,Php,Jquery,Mysql,Loops,Accordion,这是jquery手风琴代码的作用: $(function() { $( "#accordion" ).accordion({ header: "h3" }); }); 这是数据库(mysql)的输出,它是循环(不确定循环): 所以我的问题是,如何在手风琴效果中显示它们,一切都正常(我可以从数据库中获取记录),但手风琴效果没有形成,(手风琴效果不正常),以及如何使用循环显示它们?所以,您有两个文件:index
$(function() {
$( "#accordion" ).accordion({
header: "h3"
});
});
这是数据库(mysql)的输出,它是循环(不确定循环):
所以我的问题是,如何在手风琴效果中显示它们,一切都正常(我可以从数据库中获取记录),但手风琴效果没有形成,(手风琴效果不正常),以及如何使用循环显示它们?所以,您有两个文件:index.html和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>
$(函数(){
$(“#accordion”).accordion({标题:“h3”});
});
函数加载_项(){
$.ajax({
url:“load_entries.php”,
完成:功能(数据){
$(“#accordion”).html(data.responseText);
}
});
}
负载
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>';
}
?>
jquery脚本
$.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;
$html='';
而($showE=mysqli\u fetch\u数组($show)){
$html.=''.$showE['un_name'].';
$html.=''.$showE['un_name_dec'].';
}
echo$html;
HTML标记
<div id='accordion'></div>
我知道这一点,但我不知道如何在jquery accordion中使用(append或其他)显示它们。现在,代码还应该添加创建accordion的javascript代码,以及如何使用jquery ajax($.ajax或$.post或load()获取它们
<div id='accordion'></div>