Question

我正在尝试使用jQuery accordion小部件。我想在所有手风琴部分中使用常见的JavaScript代码。例如，我试图在每个手风琴部分内制作一个标签视图。选项卡视图通过我创建的外部JavaScript文件处理。此外，我在手风琴的每个部分都使用图像幻灯片。它仅适用于单个部分。每当我尝试在手风琴的下一部分粘贴相同的html代码时，javascript就不会执行。手风琴仍然有效。等待你的建议。

这是html代码

            <div id="contentList"><h3 class="accHead" onclick="initAll('FoodCheck')">Food Check</h3>
        <div class="accContent">


                    <ul class="menuHoriz">
                        <li><a href="#" onclick="setView('what')">What ? </a></li>
                        <li><a href="#" onclick="setView('how')">How ? </a></li>
                        <li><a href="#"  onclick="setView('who')">Who ? </a></li>
                        <li><a href="#"  onclick="setScreenshotsView()">Screenshots </a></li>
                    </ul>



                    <div id="what" class="content">
                        <p>
                            Details about the projects<br /> What. description
                        </p>    

                    </div>
                    <div id="how" class="content">
                        <p>
                            Details about the projects<br /> How description
                        </p>    

                    </div>
                    <div id="who" class="content">
                        <p>
                            Details about the projects<br /> Who description
                        </p>    

                    </div>
                    <div id="screenshots" class="content">
                        <p>
                            <h2>FoodCheck Snapshots</h2>
                            <img height="468" width="250" src="images/FoodCheck/Screen_1.png" alt="First screen" id="slideshow" />
                            <div id="imgText"> &nbsp; </div>
                            <br clear="all" />
                            <form action="#">
                                <input type="button" id="prevLink" value="&laquo; Previous" />
                                &nbsp;<input type ="button" id="startAgain" value="Start Again">
                                <input type="button" id="nextLink" value="Next &raquo;" />
                            </form>
                        </p>    

                    </div>


        </div>

这是手风琴的一部分。还有3个这样的部分。每个部分都有一个标签（内容为ID，who，how，screenshots），由外部javascript控制

在

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

        //set up the news accordion on the lower page
    $("#contentList").accordion({ header: "h3", collapsible: true});

  });

</script>

Answer 1

您必须订阅元素事件，而不是使用某些全局JavaScript功能。每个acordion视图都可以有各种控件，但需要通过class或id属性来区分它们以附加到它们的事件。

当然，有些代码会有所帮助。你能提供一些吗？但只有相关的部分才不会让人不知所措。

如何从手风琴中执行javascript

1 个答案: