个人中心
gpt4 book ai didi

javascript - 如何使用 jquery 选项卡加载多个菜单

转载 作者：行者123 更新时间：2023-11-28 00:10:45 24 4
gpt4 key购买 nike

您好，我正在使用 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/

24 4 0
文章推荐： css - 如何在 Google Chrome 扩展中真正隔离样式表？
文章推荐： c++ - 如何用语法表示动力学方程
文章推荐： javascript - 创建一个带有阴影的圆锥体
文章推荐： javascript - JQuery 解包参数数组