-2
我目前正在使用Jquery UI选项卡创建一个网页。有3个选项卡,第一个选项卡中只显示一条消息,说“你好”和“祝你有美好的一天”。第二个和第三个标签有另一个页面执行一些操作。这些页面有一个上传文件的位置,并且一旦单击一个按钮,它就会对该文件执行一些操作,并将结果显示在文本框中。现在问题是,只要我点击这两页中的任何一个按钮,我的主页就会被重定向到显示“你好”的第一个标签。我如何更改我的代码,使我的第二个或第三个标签完好无损,即使我提交了一个按钮?PAge重定向到第一个标签
我的javascript:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function()
{
$("#menu ul li a").each(function() {
$(this).removeClass("active");
});
$("#menu ul li a").click(function(e) {
e.preventDefault();
$("#menu ul li a").each(function() {
$(this).removeClass("active");
});
$(this).addClass("active");
});
$("#menu").tabs({ fx: {opacity:"toggle"}});
});
和我的HTML代码:
<body background="wood_bg.jpg" >
<div id="menu">
<ul>
<li> <a href="#tab-1" >Welcome</a></li>
<li> <a href="#tab-2" title="Decode">Decode Support key</a></li>
<li> <a href="#tab-3" title="Response">Response Generator</a></li>
</ul>
<div id="tab-1" >
<div id ="main">
<p> HELLO </p>
<p> HAVE A GREAT DAY </p>
</div>
</div>
<div id="tab-2">
<div id ="main">
<p> MY 2nd TAB PAGE HERE </p>
</div>
</div>
<div id="tab-3">
<div id ="main">
<p> MY 3nd TAB PAGE HERE </p>
</div>
</div>
究竟你在问吗? – Jacques
你的问题不清楚,你能否编辑你的提交? –
他忘了问这个问题!!! may bee –