2

我已经对此进行了所有搜索，并找到了看似正确的答案。但这对我不起作用。我在 div 中有这个 CKEditor。在这个 CKEditor 里面，有很多内容，我想在这个编辑器里面的所有 H1 样式上添加一个悬停事件。

div 结构如下所示：

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

我实际上正在尝试使用 qTip2，因为它似乎符合我的需求。但我无法选择 H1 标签。是因为它在一个同时具有 ID 和类的 div 中吗？还是与H1内部有<span>标签有关？

这是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')_ 但没有骰子。在我的 CSS 中，我已成功添加到. 那行得通。$('#content h1')$('#content > h1')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 回答