Javascript JQueryUI手风琴重新设计
我正在更改accordion结构(),并根据使用AJAX的选择进行更改 问题是,基于手风琴文档,我希望它能像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
<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();
}