我有一个 jQuery 选项卡脚本,它从链接定义的 PHP 文件中获取内容并将其解析为 div 元素。当用户选择一个选项卡时,它会变成粗体。但是,当前加载脚本时,默认情况下不会选择选项卡。我的问题是如何默认加载某个选项卡及其内容,并显示该选项卡已被我当前的代码选中?
这是我当前的 jQuery 代码:
function load(url){
$.ajax({
url:url,
success:function(message){
$("#content").html(message);
}
});
}
$(document).ready(function(){
$("[id]").click(function(){
type=$(this).attr("id");
url=""+type+".php";
$("[id]").removeClass("selected");
$("#"+type).addClass("selected");
load(url);
return false;
});
});
这是我的 HTML 代码:
<ul>
<li><a id="tab1" href="javascript:void(null);">Tab1</a></li>
<li><a id="tab2" href="javascript:void(null);">Tab2</a></li>
<li><a id="tab3" href="javascript:void(null);">Tab3</a></li>
</ul>
最佳答案
触发你要加载的tab的点击事件: 例如-
$(document).ready(function(){
$("[id]").click(function(){
type=$(this).attr("id");
url=""+type+".php";
$("[id]").removeClass("selected");
$("#"+type).addClass("selected");
load(url);
return false;
});
//load default tab
$("#tab1").click();
});
关于php - 在 jQuery 选项卡脚本中默认加载选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6618088/