传递变量以创建<;h3>;及<;部门>;使用JavaScript或jQuery的标记

传递变量以创建<;h3>;及<;部门>;使用JavaScript或jQuery的标记,javascript,jquery-ui-accordion,Javascript,Jquery Ui Accordion,不知道如何使用javascript或jquery使我的div填充手风琴式的标题和内容 $(文档).ready(函数(){ $(“手风琴”)。手风琴( 自动高度:假); }); /**变数 *variableID:String—变量的唯一字符串标识符 *名称:字符串-纯文本名称 *描述:字符串-变量及其含义的描述 *值:整数-变量的当前基于数字的值 *锁定:布尔-是否锁定变量以防止进一步修改 */ 函数loadVariables(变量){ if(typeof variables!=

不知道如何使用javascript或jquery使我的div填充手风琴式的标题和内容


$(文档).ready(函数(){
$(“手风琴”)。手风琴(
自动高度:假);
});
/**变数
*variableID:String—变量的唯一字符串标识符
*名称:字符串-纯文本名称
*描述:字符串-变量及其含义的描述
*值:整数-变量的当前基于数字的值
*锁定:布尔-是否锁定变量以防止进一步修改
*/       
函数loadVariables(变量){
if(typeof variables!=“object”){alert(variables);return;}
对于(var i=0;i
“说明:”+说明
“初始值:”+值

“历史”
updateVariable函数的容器。

*/ } }; 函数updateVariable(变量){ //当变量值更改时,在“历史记录”框中设置“更新变量” //更改背景颜色并更改锁定图标状态 };
//在for循环中,执行以下操作:
//这是要插入的jQuery对象。我正在链接创造物。
var h3=$('').append($('').attr('href','#').text('name'))
$(“#手风琴”)。附加(h3)
//这是要插入手风琴的对象。
var div=$('').append($('p').html('html infirst');
div=div.append($('p').html('html for history'))
$(“#手风琴”)。追加(div)
这里的关键是,您可以使用
$(parent.append($('')向DOM添加内容$(“”)
将为该标记创建一个新的jQuery对象,该对象只是浮动的。append(obj)方法将把obj附加到调用它的父对象的末尾。因此,
$('.'accordion')。append($('')
将在#accordion的末尾附加一个打开和关闭h3标记。

//在for循环中,执行以下操作:
//这是要插入的jQuery对象。我正在链接创造物。
var h3=$('').append($('').attr('href','#').text('name'))
$(“#手风琴”)。附加(h3)
//这是要插入手风琴的对象。
var div=$('').append($('p').html('html infirst');
div=div.append($('p').html('html for history'))
$(“#手风琴”)。追加(div)

这里的关键是,您可以使用
$(parent.append($('')向DOM添加内容$(“”)
将为该标记创建一个新的jQuery对象,该对象只是浮动的。append(obj)方法将把obj附加到调用它的父对象的末尾。因此,
$(“#accordion”).append($('')
将在#accordion的末尾附加一个open和close h3标记。

这可以构建div,但它们没有被一致化。另外,如何在标记中实现第二个变量。我有var div=$('').append($('').html(variables[I].variableID));然后我将执行$(parent).append($('').html(variables[I].description));?是的,append只是把它放在父对象的末尾。事实上,我在这个页面上用javascript控制台构建了整个手风琴。哈哈。我也知道为什么它不能把它做成手风琴。我想说的是,在调用.accordion方法后,它不会自动更新accordion的结构。您可能需要填充页面,然后将其制作成手风琴。更多信息:这是工作,以建立div,但他们没有一致化。另外,如何在标记中实现第二个变量。我有var div=$('').append($('').html(variables[I].variableID));然后我将执行$(parent).append($('').html(variables[I].description));?是的,append只是把它放在父对象的末尾。事实上,我在这个页面上用javascript控制台构建了整个手风琴。哈哈。我也知道为什么它不能把它做成手风琴。我想说的是,在调用.accordion方法后,它不会自动更新accordion的结构。您可能需要填充页面,然后将其制作成手风琴。有关更多信息:
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $("#accordion").accordion(
        autoheight: false);
    });

/**       Variable

   *       variableID:String - unique string identifier for the variable
   *       name:String - plain text name
   *       description:String - description of the variable and its meaning
   *       value:Integer - current number-based value of the variable
   *       locked:Boolean - whether the variable is locked against further modification
*/       
    function loadVariables(variables) {
        if (typeof variables != "object") { alert(variables); return;}
    for (var i = 0; i < variables.length - 1; i++) {
/*  make name= <h3><a href="#">name</a></h3>
    make variableID, description, value=
    <div>
    <p>"Variable ID : " + variableID</br>
    "Description : " +description</br>
    "Initial Value : " +value</br>
    </p>
    <p>"History"</br>
    A container for updateVariable function.
    </p>*/
    }
    };

    function updateVariable(variable) {
    // make update Variable in the History box as variable values change
    // change background color and change locked icon status
    };
    </script>


</head>
<body>
<div id="accordion">
<!--- Divs Created Dynamically here ---->
</div>

</body>
</html>
// Inside the for loop, do this:
// This is the <h3> jQuery object you'll be inserting. I'm chaining the creation.
var h3 = $('<h3>').append($('<a>').attr('href', '#').text('name'))
$('#accordion').append(h3)
// This is the <div> object to be inserted into the accordion.
var div = $('<div>').append($('p').html('html inside first <p>'));
div = div.append($('p').html('html for history'))
$('#accordion').append(div)