0

これは信じられないほど私の麺を焼いています。そこで、私の問題を示すためにフィドルを設定しました。しかし、フィドルは実際に機能します。

Ok。ブートストラップ タブを使用したい - 見た目だけのため、ブートストラップの動作は使用しない。

アンカー href を通常のデフォルトの動作として機能させたいだけです。そのため、タブがクリックされると、ブラウザーは href にリダイレクトされます。通常のアンカー タグと同じように機能します。

そこで、タブにナビゲーションマークアップを設定しました...

<ul class="nav nav-tabs" id="subTabs">

    <li class="active"><a href="http://mywebsite.com">Admin</a></li>
    <li><a href="http://mywebsite.com/individual">Individual</a></li>   
    <li><a href="http://mywebsite.com/studio/">Studio</a></li>
    <li><a href="http://mywebsite.com/location/">Location</a></li>
    <li><a href="http://mywebsite.com/engineers-images/">Engineers</a></li>
    <li><a href="http://mywebsite.com/tech-sketch-images/">Technical Sketch</a></li>
    <li><a href="http://mywebsite.com/videos/">Videos</a></li>
    <li><a href="http://mywebsite.com/documents/">Documents</a></li>

</ul>

<script type="text/javascript">
    $('#subTabs a').click(function (e) {
        return true 
    })
</script>

タブを通常どおり出力します。

そのため、iPhone/iPad のタブをクリックすると、正常に動作します。

しかし、デスクトップ ブラウザでクリックすると、この js エラーが発生し、何も起こりません。

ここに画像の説明を入力

これはただのばかげたものです。

まったく同じである私が作成したフィドルを使用すると、正常に動作するからです!!!


何が間違っているのか理解してください。

ありがとう

http://jsfiddle.net/motocomdigital/aVBUy/1/

一時的な措置として、私はこれをしなければなりません...

<script type="text/javascript">
    $('#subTabs a').click(function (e) {
        e.preventDefault();
        window.location.href = $(this).attr('href');
    })
</script>

しかし、ページ リダイレクトの直前に、同じエラーが発生することがわかります。

しかし、リンクをクリック可能にするために js は必要ありませんよね?

ブートストラップ タブのデフォルトの動作を削除するにはどうすればよいですか。

4

1 に答える 1

0

このクリック イベントは必須ではありません。HTMLコードは問題ないようです。少なくとも、すべての js コードを投稿した場合。リンク先のフィドルにはjs部分がないため、機能しています。

しかし、何らかの理由でこのjsが必要な場合は、そうではないと思いますが、セミコロンがいくつかありません。そして、イベントハンドラをreadyコールバックに入れます。

$(document).ready(function() {
    $('#subTabs a').click(function(e) {
        return true; 
    });
});

タッチ デバイスで動作しているように見える理由は、クリックがトリガーされていないためです。

于 2013-04-01T17:43:06.360 に答える