0

これは、 http: //os.alfajango.com/easytabs/ による jquery easytabs 用です。

タブの 1 つに外部リンクを含めようとしていますが、機能していません。それ以外の場合は正常に機能します。

これが私のセットアップです：

頭：

<script type="text/javascript">
$(document).ready( function() {
  $('#tab-container').easytabs();
});
</script>

タブ:

<div id="tab-container" class="tab-container">
  <ul>
    <li class="tab"><a href="#tab1">Tab 1</a></li>
    <li class="tab"><a href="#tab2">Tab 2</a></li>
    <li class="tab"><a href="/external-link.html">External Link</a></li>
    <li class="tab"><a href="#tab4">Tab 4</a></li>
  </ul>

私は周りを検索して、これを行う方法についていくつかの言及を見つけましたが、どれもうまくいきませんでした。

どうもありがとう！

4

1 に答える 1

1

easytab が外部リンクからページをインクルードできるようにするには、data-target 属性を追加して、コードが ,

<div id="tab-container" class="tab-container">
<ul>
    <li class="tab"><a href="#tab1">Tab 1</a></li>
    <li class="tab"><a href="#tab2">Tab 2</a></li>
    <li class="tab"><a href="/external-link.html" data-target="#tabs-ajax-js">External Link</a></li>
    <li class="tab"><a href="#tab4">Tab 4</a></li>
  </ul> 
<div>

私はそれがあなたとうまくいくことを願っています:)

于 2013-07-16T08:47:33.267 に答える