2

こんにちは私は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>

コンテンツパネルのリンクの解決策も必要ですが、これも機能しません。あなたが私を助けてくれることを願っています。大いに感謝する！

4

4 に答える 4

2

試す：

$('#link').click(function(e) {
    e.preventDefault();
    $('#tabs').load('agb.php');
});
于 2013-03-09T09:52:13.733 に答える
0

jQueryコールバックでfalse、デフォルトのアクションを防止するために戻ります。リンクのデフォルトのアクションは、href属性の場所に移動することです。 

 $('#link').click(function() {
      $('#tabs').load('agb.php');
      return false;
 });
于 2013-03-09T09:51:17.397 に答える
0 
$('#link').click(function(e) {
    e.preventDefault();
    $('#tabs').load('agb.php');
     return false;
});
于 2013-03-09T09:54:20.483 に答える
0

フッターリンクでそれを行うことができます：

$('.footer a').on('click', function(e) {
    e.preventDefault();
    var link = $(this).attr('href');
    $('#tabs').load(link);
});

すべてのリンクでそれを行いたい場合は、すべてのリンクでクリック イベントをバインドします。

$('a').on('click', function(e) { ... });
于 2013-03-09T10:51:06.383 に答える