作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 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"> </div>
<br clear="all" />
<form action="#">
<input type="button" id="prevLink" value="« Previous" />
<input type ="button" id="startAgain" value="Start Again">
<input type="button" id="nextLink" value="Next »" />
</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>
最佳答案
您必须订阅元素事件并且不能使用某些全局 JavaScript 功能。每个 Accordion View 都可以有各种控件,但需要通过 class
或 id
属性来区分它们以附加到其事件。
一些代码当然会有帮助。你能提供一些吗?但只有相关部分,这样就不会让人不知所措。
关于javascript - 如何从 Accordion 中执行 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4591364/
我是一名优秀的程序员,十分优秀!