jquery - 鼠标离开功能不必要地触发？

Question

我在这里处理 jQuery mouseleave 事件我有 ckeditor 我需要在输入鼠标时显示 ckeditor，当鼠标离开这里时需要触发颜色它触发意味着颜色在某些 div 中打开我认为是这样，但我需要在鼠标或 div 中触发一次请检查一次

这是我的代码：

<script type="text/javascript">
    $(document).ready(function () {

        $('#btndiv1').hide();

        $('#btndiv').hover(function () {
            $('#btndiv1').show();
        });
        });
</script>
<script type="text/javascript">
    $(document).ready(function () {
    var editor = CKEDITOR.editor.replace('editor1');
    $('#btndiv').mouseleave(function (event) {
        $('#btndiv1').hide("slow");
            alert(1);
            var value = editor.getData();
            alert(value);
            $('#btndiv').append(value);

        });
    });

</script>

这里是我的 div

<h4>design your own text</h4>
<div id="btndiv" >
    <div id="btndiv1" style="height:auto;width:auto; border:solid 1px;">
    <textarea  rows="10"   id="editor1" "></textarea>
    <p id="text" ></p>
        </div>
</div>

在这里它正在工作我唯一的问题是当打开以应用某种颜色或标题时它正在打开 sode div k，它的触发意味着它变得隐藏。

但是一旦鼠标移出 div 任何帮助，我就需要隐藏它

提前致谢

Answer 1

尝试使用这个：

$('#btndiv1').mouseleave(function () {
    $('#btndiv1').hide("slow");
});

您在代码中的内容是：

$('#btndiv').mouseleave(function (event) {
    $('#btndiv1').hide("slow");
        alert(1);
        var value = editor.getData();
        alert(value);
        $('#btndiv').append(value);

    });
$('#btndiv') //which is holding the ckeditor textarea

您需要捕获持有 div 和文本区域的父级。