1

ハロ！私はJQueryが初めてで、QTipで簡単なツールチップを作成しようとしています. すでに手順を正しく実行していると確信していますが、ツールチップが機能していないようです。コードは次のとおりです。

<script type="text/javascript">
$(document).ready(function() {
    $('.select-here').qtip({
        content: {
            text: 'tooltip here',
            show: 'mouseover',
            hide: 'mouseout'
        },       
        style: {
            width: 400,
            height: 400
        }
    });
});
</script>

そして、本文にこれを書きました

<div class="select-here">Text text text</div>

私は何か見落としてますか？誰でもこれで私を助けることができますか？ありがとうございました

4

1 に答える 1

1

このデモを試してください：デモ http://jsfiddle.net/Tdh4a/

http://craigsworks.com/projects/qtip/demos/content/basic

私show and hideはコンテンツの子ではなく別の属性だと思います：ドキュメントでここをチェックしてください：http：//craigsworks.com/projects/qtip/docs/reference/#content

また、qTipリンクで、廃止されたqTipではなくqTip2を宣伝していることがわかります。残りのデモはあなたの大義を助けるはずです。B-)

コード

$(document).ready(function() {

    $(".select-here").qtip({
        content: {
            text: "HULK Me HULK HULK",
            title: {
                text: "Title",
                button: true
            }
        },
        show: {
            event: 'click',
            solo: true
        },
        hide: {
            fixed: true,
            event: 'unfocus'
        },
        position: {
            target: 'mouse',
            viewport: $(window),
            adjust: {
                method: 'flip shift',
                mouse: false
            }
        },
        style: {
            tip: false,
            widget: false
        }
    });


});​
于 2012-11-18T08:01:12.540 に答える