IE ошибка с зависанием при выборе и настройках - PullRequest
Новая
       4

IE ошибка с зависанием при выборе и настройках

1 голос
/ 06 октября 2011

Я пытаюсь навести курсор на элемент div, но при выборе параметра указатель мыши влияет на элемент div.

Пример кода: 

<div class="levelThreeMenuColumnTwo" id="clientFormMenu">
    <div class="formMenuPFS">
        <select name="select1">
            <option value="TN">
                Tennessee
            </option>
            <option value="VA" selected="selected">
                Virginia
            </option>
            <option value="WA">
                Washington
            </option>
            <option value="FL">
                Florida
            </option>
            <option value="CA">
                California
            </option>
        </select>
    </div>
 </div>
<style>
.formMenuPFS{
    display:none;
    background-color:red;
    width:110px;
    height:110px;
    position:absolute;
    left:200px;
}
.levelThreeMenuColumnTwo:hover .formMenuPFS{
    display:block;
}
.levelThreeMenuColumnTwo{
    display:block;
    background-color:green;
    width:200px;
    height:200px;
}
</style>

Просыпается в FF, но не в IE.

Правильное поведение: При наведении на зеленый div показывать красный div. При наведении курсора выберите или опцию продолжать показывать красный div.

Если нужен javascript, я могу использовать dojo 1.4. Спасибо.

1 Ответ

0 голосов
/ 08 января 2015

Я знаю, что это старая проблема, но у меня была такая же проблема, я исправил ее следующим образом в вашем jsbin.Вместо использования CSS: hover я использовал jQuery hover и добавил event.stopPropagation() также к выделению.

JS 

$(document).ready(function(){
    $(".levelThreeMenuColumnTwo").hover(function() {
        $('.formMenuPFS').show();
        $('.formMenuPFS select').mouseleave(function(event) { event.stopPropagation(); });
    }, function() {
        $('.formMenuPFS').hide();
        $('.formMenuPFS select').mouseleave(function(event) { event.stopPropagation(); });
    });
});

jsbin http://jsbin.com/xitafazoca/

...