[英]Dynamic Jquery Tabs
我在这里建立网站,但链接到页面时遇到问题。 该站点是一个单页站点,具有菜单和触发它的javascript。 如果您访问该链接,则不可以,我想将3个绿色框链接到主菜单上的level1,level2,level3。 但是在操作上存在问题。
这是顶层菜单的代码
<div class="navi">
<a style="display:none"></a>
<a id="t1">Level 1</a>
<a id="t2">Level 2</a>
<a id="t3">Level 3</a>
<a id="t4">Online Marketing</a>
<a id="t5">Social Media</a>
<a id="t6">Contact us</a>
<a id="t7" class="noBorder">Français</a>
</div>
这是Javascript:
<script type="text/javascript">
// initialize scrollable and return the programming API
var api = $("#scroll").scrollable({
items: '#tools',
size: 1,
clickable: false
// use the navigator plugin
}).navigator({api: true});
// this callback does the special handling of our "intro page"
api.onStart(function(e, i) {
// when on the first item: hide the intro
if (i) {
$("#intro").fadeOut("slow");
// otherwise show the intro
} else {
$("#intro").fadeIn(1000);
}
// toggle activity for the intro thumbnail
$("#t0").toggleClass("active", i == 0);
});
// a dedicated click event for the intro thumbnail
$("#t0").click(function() {
// seek to the beginning (the hidden first item)
$("#scroll").scrollable().begin();
});
</script>
我需要更改或修改什么,以便可以在主页上看到3个绿色框,它们的行为类似于1级,2级,3级
在绿色框上尝试以下操作:
<h2 class="microsite"><a href="" onclick="javascript:api.seekTo(1); return false;">Microsite Website Package</a></h2>
<h2 class="cms"><a href="" onclick="javascript:api.seekTo(2); return false;">CMS Website Package</a></h2>
<h2 class="transactional"><a href="" onclick="javascript:api.seekTo(3); return false;">E-commerce Website Package</a></h2>
请注意,我已经删除了ID 。 您绝对不能在页面上有重复的ID。 它可能会破坏事情。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.