2

私はこれについてできる限り検索し、一見正しいと思われる答えを見つけました。しかし、それは私にはうまくいきません。私はこのCKEditorをdiv内に持っています。このCKEditorの中にはたくさんのコンテンツがあり、このエディター内のすべてのH1スタイルにホバーイベントを追加したいと思います。

div構造は次のようになります。

<div id="content" class="cke_editable">
   <h1>
      <span>My content</span>
    </h1>
</div>

qTip2は自分のニーズに合っているように見えるので、実際に使用しようとしています。しかし、H1タグを選択することができません。IDとクラスの両方を持つdiv内にあるからですか？<span>それとも、H1の中にタグがあるという事実と関係がありますか？

これがjavascriptです：

<script type="text/javascript">
var shared = {
    position: {
        my: 'top left', 
        at: 'bottom right',
    },
    style: {
        tip: true
    }
};

$('h1').qtip( $.extend({}, shared, { 
    content: 'An example tooltip',
    style: {
        classes: 'ui-tooltip-red'
    }
}));
</script>

セレクターに関しては、この例のようにH1のみを選択してみました。同様に$('.cke_editable h1')、、$('#content h1')および$('#content > h1')。しかし、サイコロはありません。私のCSSでは、に正常に追加cursor: pointerしました#content h1。そしてそれはうまくいきます。

私はここで何か間違ったことをしていますか？

編集：私が$('#content').qtip直接選択した場合、それはところで動作します。

4

2 に答える 2

1

次のようにしてみてください。

$('h1','#content').qtip

また：

$('#content').find('h1').qtip
于 2013-02-19T07:38:06.793 に答える
1

CKEditor は、コンテンツを配置する iframe を作成するため、jQuery セレクターを使用してその中の要素を選択することはできません。同じドキュメント内にさえないからです。

于 2013-02-19T07:49:09.543 に答える