0

わかりました私は困惑しています。ツールチップがモバイルデバイスで役立つように、クリックイベントでツールチップを作成するためにSimpletipを使用しようとしています。

私は一生、何かを起こすことはできません。http://jsfiddle.net/JrDYN/5/で失敗した試みの例を作成しました。

これが機能しない理由を誰かが見つけることができますか?

ありがとうグレッグ

4

2 に答える 2

1

ここにはいくつかの問題があります。まず、呼び出し内でオブジェクト リテラル構文を使用してhoverいますが、渡すコードは関数本体です。

$(".trafficlights").hover({
    $(this).css('background', 'green');
});

そして、simpletip呼び出しにタイプミスがありました (S は大文字でした)。これは jsFiddle の例で機能します。

$(document).ready(function () {
    $(".trafficlights").simpletip({
         content: 'Simple Tip'
    });
    $(".trafficlights").hover(function () {
        $(this).css('background', 'green')
    });        
});

jsFiddleの更新バージョンを次に示します。

今後の参考のために、私がこれを理解した方法は、Chrome の開発者ツールを起動して (F12 を押して)、コンソール タブを確認することでした。Chrome が構文エラーを報告していました。これにより、欠落しているfunctionキーワードを見つけることができました。

それを行っても、まだエラーが発生していたので、への呼び出しをコメントアウトするsimpletipと、エラーはなくなりました。ビンゴ、simpletipセクションの構文エラー、オブジェクトが存在しませんでした。ドキュメントをざっと見てみると、simpletip呼び出しを大文字にする必要があることが確認されました。そこにあります。

于 2012-03-25T23:57:56.803 に答える
0

私はちょうど同じ問題に遭遇しました.simpletipがツールチップhtmlをimgタグ内に配置しているようです. このため、ブラウザによって認識および処理されず、ツールチップが表示されません。

画像を内側にラップ<a href="javascript:;"></a>し、リンクに simpletip を適用することで回避しました。

于 2012-10-29T12:17:31.350 に答える