jquery - jquery 函数无法启动，因为 div 处于悬停状态

Question

希望我能清楚地解释自己：

我有很多带有跨度的div。当我将鼠标悬停在每个 div 上时，它的午餐会切换（显示/隐藏）到（'this'）一个跨度。我想将点击功能附加到跨度，但我无法到达那里，因为当 div 为“mouseleave”时，它的背面隐藏，因为跨度是绝对定位的。

我想让它在我悬停时显示 div，然后如果我悬停在跨度上，它会延迟。

如果我同时使用这个 div 和跨度，那么它会立即隐藏跨度。

我怎么做 ？

那是我的 jsfiddle：http: //jsfiddle.net/BRDt3/4/

function xlineShow() {

var x = $(this).children();


$('.art').bind('mouseenter', function () {

    var x = $(this).children();

    x.toggle(100);




});

$('.art').bind('mouseleave', function () {
    if (!flagx) {


        var x = $(this).children();
        x.toggle(100);
    }

});

}