Jquery ui jQueryUI手风琴问题-您将如何处理这个问题？_Jquery Ui

Jquery ui jQueryUI手风琴问题-您将如何处理这个问题？

jquery-ui

Jquery ui jQueryUI手风琴问题-您将如何处理这个问题？,jquery-ui,Jquery Ui,我正在我的一个应用程序asp.net应用程序中使用jquery UI accordion控件。手风琴的数据来自一个数据库，每个数据库记录都有一个ID、一个标题字段和一个内容字段。标题是标题，内容是打开绘图时显示的数据我希望能够这样调用我的页面： http://www.mywebsite.com/mypage.aspx?ID=123 $(function() { $("#accordion").accordion(); }); 让它显示所有的数据（就像现在一样），然后让手风琴的默认“

我正在我的一个应用程序asp.net应用程序中使用jquery UI accordion控件。手风琴的数据来自一个数据库，每个数据库记录都有一个ID、一个标题字段和一个内容字段。标题是标题，内容是打开绘图时显示的数据

我希望能够这样调用我的页面：

http://www.mywebsite.com/mypage.aspx?ID=123

$(function() {
    $("#accordion").accordion();
});

让它显示所有的数据（就像现在一样），然后让手风琴的默认“抽屉”打开到与url上传递的ID号对应的部分……页面上大约有50个部分

关于如何处理这个问题有什么建议吗？我的问题是关于jquery accordio函数的，其余的我都知道。那么，哪里是用唯一ID“标记”抽屉的最佳位置，那么，根据传入的ID使用“打开”抽屉的javascript代码片段（我假设）是什么

谢谢

我想你有一些类似这样的HTML（我把ID放在A标签中）：

手风琴提供了一种激活特定窗格的方法：

激活的内容的一部分手风琴编程。索引可以是要匹配的零索引编号要关闭或关闭的收割台位置与元素匹配的选择器。通过 -1关闭所有（仅可使用可折叠：true）

因此，您可以使用：

$("#accordion").accordion("activate", "a#a2");

通过脚本激活它。

这是一个稍微修改的版本，是您在下载自定义JQuery UI构建时获得的示例文件，只选择了“core”和“accordion”

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" href="css/smoothness/jquery-ui-1.7.custom.css" rel="stylesheet" />    
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
        <script type="text/javascript">
            $(function(){

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

                // can be done somewhere later in the code, after init
                $('#accordion').accordion('activate' , "#a2");              
            });
        </script>

    </head>
    <body>
        <h2 class="demoHeaders">Accordion</h2>
        <div id="accordion">
            <div>
                <h3 id="a1"><a href="#">First</a></h3>
                <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
            </div>
            <div>
                <h3 id="a2"><a href="#">Second</a></h3>
                <div>Phasellus mattis tincidunt nibh.</div>
            </div>
            <div>
                <h3 id="a3"><a href="#">Third</a></h3>
                <div>Nam dui erat, auctor a, dignissim quis.</div>
            </div>
        </div>
    </body>
</html>


$（函数（）{
//手风琴
$（“#accordion”）.accordion（{标题：“h3”}）；
//可以在代码中稍后的某个地方，在init之后完成
$（‘手风琴’）。手风琴（‘激活’，‘a2’）；
});
手风琴
Lorem ipsum dolor sit amet。Lorem ipsum dolor sit amet。Lorem ipsum dolor sit amet。
菲塞勒斯·马蒂斯·丁西登·尼布。
南对岸，拍卖人a，贵人奎斯。

选择器参数必须与指定为“header”的元素相匹配——在本例中，它是H3标记，该标记具有ID。运行此代码应打开第二个窗格。另一种方法是，使用“活动”选项在init中指定活动窗格：


$（函数（）{
$（“#accordion”）.accordion（{标题：“h3”，活动：“#a2”}）；
});

您可以使用

$("#accordion").accordion('activate' , 1);

其中0是第一个抽屉，1是第二个抽屉，依此类推

理论上它应该可以工作…我不能让它工作使用字符串作为选择器，无论现在我尝试了很多变体…你使用的是什么版本的jqueryui？这是jquery-ui-1.7.custom.min.js和jquery-1.3.2.min.js，我喜欢附加示例文件。。。我将立即发布一个工作示例。。。

<script type="text/javascript">
$(function(){    
    $("#accordion").accordion({ header: "h3", active :"#a2"  });
});
</script>

$("#accordion").accordion('activate' , 1);