-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 –