您好,我正在使用 jquery 选项卡菜单通过 ajax 在面板中加载内容。 这是我的代码:
<head><script>
$(function() {
$( "#tabs" ).tabs({
beforeLoad: function( event, ui ) {
ui.jqXHR.error(function() {
ui.panel.html(
"error" );
});
}
});
});
</script>
</head>
<body>
<div class="wrapper">
<div id="tabs">
<div class="menu">
<ul>
<li><a href="#tabs-1">Startseite</a></li>
<li><a href="ajax/content1.html">Link1</a></li>
<li><a href="ajax/content2.html">FAQ</a></li>
</ul>
</div>
<div id="tabs-1" class="tab-style">
<h1> content</h1>
<p> Lorem ipsum dolor sit am...... tristique eget, accumsan eget quam. </p>
</div><div class="footer"><ul><li><a href="ajax/agb.php" id ="link">AGB</a></li></ul>
</div>
上面的菜单工作正常,并且选项卡的内容在面板中正确加载。 但是,通过单击页脚菜单中的链接,它会离开页面。
我已经尝试过以下操作:
<div class="footer"><ul><li><a href="#" id ="link">AGB</a></li></ul>
<script type="text/javascript">
$('#link').click(function() {
$('#tabs').load('agb.php');
});
</script>
</div>
因为我还需要内容面板中链接的解决方案,但这也不起作用。希望你能帮我。非常感谢!
最佳答案
尝试:
$('#link').click(function(e) {
e.preventDefault();
$('#tabs').load('agb.php');
});
关于javascript - 如何使用 jquery 选项卡加载多个菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15309342/