0

我正在使用 chrome 控制台并尝试在其中添加一些 jQuery，以便在 WordPress TinyMCE 编辑器中操作对象的运行时样式。

我在编辑器中有一个带有“my_box”类的 div 元素，我正在尝试通过 jQuery 操作运行时样式，如下所示：

jQuery('#tinymce .my_box').hover(
    function(){
        jQuery(this).attr('style','border:3px dashed red')
    }
);

但是，当我在控制台中运行它时，DOM 结果集为空 []。如何将事件附加到 tinymce 编辑器内的对象，以及在测试脚本是否有效后应该将其放置在哪里？

4

1 回答 1

1

当它运行时，它将.my_box在包装器中找到当时存在的任何实例。如果他们当时不在那里，或者#tinymce不是真正的包装器而是正在生成一些tinymce，那么下面的选择器将什么也找不到。

jQuery('#tinymce .my_box').hover(
    function(){
        jQuery(this).attr('style','border:3px dashed red')
    }
);

考虑这样的事情，#tinymceWrap一个独立的 div 包装编辑器：

jQuery('#tinymceWrap').hover(
    function(){
        // use find here so jquery will search for `.my_box` instances again on each hover
        jQuery(this).find('.my_box').css('border','3px dashed red');
    }
);
于 2013-04-11T13:46:23.817 回答