javascript - 如何从 Accordion 中执行 javascript

Question

我正在尝试使用 jQuery Accordion 小部件。我想在所有 Accordion 部分中使用通用的 javascript 代码。例如，我试图在每个 Accordion 部分内创建一个选项卡 View 。选项卡 View 是通过我创建的外部 javascript 文件来处理的。另外，我在 Accordion 的每个部分中使用图像幻灯片。它仅适用于单个部分。每当我尝试将相同的 html 代码粘贴到 Accordion 的下一部分时，javascript 就不会执行。 Accordion 仍然有效。等待您的建议。

这是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>

这是 Accordion 的一部分。 还有 3 个这样的部分。每个部分都有一个选项卡(带有 id What、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 功能。每个 Accordion View 都可以有各种控件，但需要通过 class 或 id 属性来区分它们以附加到其事件。

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