Javascript JQueryUI手风琴重新设计

Javascript JQueryUI手风琴重新设计,javascript,jquery,jquery-ui,jquery-ui-accordion,Javascript,Jquery,Jquery Ui,Jquery Ui Accordion,我正在更改accordion结构(),并根据使用AJAX的选择进行更改 问题是,基于手风琴文档,我希望它能像 <h3>header</h3> <div><anything></anything></div> 标题 $(函数(){ $(“#课程选择”)。更改(函数(){ $(“#testselect”).accordion(“destroy”).html(“”;//清空所有以前的数据 $(“#testselect”).cs

我正在更改accordion结构(),并根据使用AJAX的选择进行更改

问题是,基于手风琴文档,我希望它能像

<h3>header</h3>
<div><anything></anything></div>
标题

$(函数(){
$(“#课程选择”)。更改(函数(){
$(“#testselect”).accordion(“destroy”).html(“”;//清空所有以前的数据
$(“#testselect”).css(“display”、“block”);//如果它是隐藏的,则显示它
$.getJSON('json.php?show=sessions&courseid='+$(this).val(),函数(数据){
对于(数据中的x)
{
$(“#testselect”)。追加(“”);
$(“#testselect”)。追加(“”);
如果(!数据[x].会话)
$(“#testselect”).append(此测试没有打开的会话窗口。

”; 用于(数据[x]中的si.会话) { $(“#testselect”)。追加(“”); } $(“#testselect”)。追加(“”); } $(“#测试选择”).accordion(); //$(“#testselect”).accordion({change:function(event,ui){courseid=ui.newHeader.attr(“value”);} });//结束getJSON });//结束。改变 });//end$()
我想我看到了一些问题

你的陈述

$("#testselect").append("<div>") 
$(“#测试选择”)。附加(“”)
将向#testSelect添加开始和结束标记,如下所示:

 <div id='testselect'><h3><a> </a> </h3><div></div> </div>
for (x in data)
{
     var $header = $("<h3>").appendTo("#testSelect");
     $header.append("<a href=\"#\">" + data[x].name + "</a>")
     var messageContainer = $("<div>").appendTo($header);
     if (!data[x].sessions)
           messageContainer.append("<p> There are no open session windows for this test </p>");
           for (si in data[x].sessions)
           {
                  messageContainer.append("<a href=registerconfirm.php?sessionid=\""+data[x].sessions[si].uno+"\">"+data[x].sessions[si].location+"</a>");
           }
           $("#testselect").accordion();
}
”)
var messageContainer=$(“”)。appendTo($header);
如果(!数据[x].会话)
messageContainer.append(“此测试没有打开的会话窗口”

”; 用于(数据[x]中的si.会话) { messageContainer.append(“”); } $(“#测试选择”).accordion(); }
我想我看到了一些问题

你的陈述

$("#testselect").append("<div>") 
$(“#测试选择”)。附加(“”)
将向#testSelect添加开始和结束标记,如下所示:

 <div id='testselect'><h3><a> </a> </h3><div></div> </div>
for (x in data)
{
     var $header = $("<h3>").appendTo("#testSelect");
     $header.append("<a href=\"#\">" + data[x].name + "</a>")
     var messageContainer = $("<div>").appendTo($header);
     if (!data[x].sessions)
           messageContainer.append("<p> There are no open session windows for this test </p>");
           for (si in data[x].sessions)
           {
                  messageContainer.append("<a href=registerconfirm.php?sessionid=\""+data[x].sessions[si].uno+"\">"+data[x].sessions[si].location+"</a>");
           }
           $("#testselect").accordion();
}
”)
var messageContainer=$(“”)。appendTo($header);
如果(!数据[x].会话)
messageContainer.append(“此测试没有打开的会话窗口”

”; 用于(数据[x]中的si.会话) { messageContainer.append(“”); } $(“#测试选择”).accordion(); }
注意它应该是var messageContainer=$(“”)。附加到(“#testselect”)不是标题,而是其他非常有用的内容,谢谢!请注意,它应该是var messageContainer=$(“”)。附加到(“#testselect”)而不是标题,但除此之外非常有用,谢谢!
for (x in data)
{
     var $header = $("<h3>").appendTo("#testSelect");
     $header.append("<a href=\"#\">" + data[x].name + "</a>")
     var messageContainer = $("<div>").appendTo($header);
     if (!data[x].sessions)
           messageContainer.append("<p> There are no open session windows for this test </p>");
           for (si in data[x].sessions)
           {
                  messageContainer.append("<a href=registerconfirm.php?sessionid=\""+data[x].sessions[si].uno+"\">"+data[x].sessions[si].location+"</a>");
           }
           $("#testselect").accordion();
}