Mouseleave功能不必要地发射

Question

我在jQuery Mouseleave事件上工作，这里有Ckeditor，当我输入鼠标时，我需要显示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>

在这里工作，我只有问题是打开涂抹某种颜色或朝向其开放sodediv 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和文本区域的父母。