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

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 和文本区域的父级。