Question

<head>
<script type="text/javascript">
 $(function() {

        $(".navigation a").click(function() {
//Statement 1:-after commenting this
            //$("#content").load($(this).attr("href"));
//Statement 2:-nd adding these statements
  $("#content").load($(this).attr("href"), function() {
    $("accordian").accordion({
       collapsible: true
    });

            return false;
        });

    });
</script>

 </head>
<body>
<ul class="navigation">
   <li><a href="robo.html">Content 1</a></li>
   <li><a href="content2.html">Content 2</a></li>
   <li><a href="content3.html">Content 3</a></li>
</ul>

   <div id="content">
   </div>

如果我使用

声明1：

我想在点击robo.html时显示一个手风琴但它没有显示只有手风琴的内容才会显示。但是如果我运行robo.html，手风琴就会显示出来。

ELSE

声明2 我正被定向到新页面

Answer 1

您需要在加载完成后创建手风琴。如果您有使用robo.html创建手风琴的脚本，则在使用加载功能时不会运行，这可能是您遇到的问题。

这样的事情：

$(".navigation a").click(function() {

    $("#content").load($(this).attr("href"), function() {
        $("<accordion selector>").accordion({
            <accordion parameters>
        });

    return false;
});

加载中的回调函数在加载完成后调用，因此描述手风琴的HTML将在当时的文档中。

如何在不点击链接的情况下重新加载页面的情况下显示手风琴

1 个答案: