Mouseleave功能不必要发射?

时间:2012-10-29 10:49:12

标签: jquery mouseenter mouseleave

我正在研究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>

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

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

提前致谢

1 个答案:

答案 0 :(得分:0)

尝试使用:

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