nani2205 Ответов: 1

Я хочу показать всплывающее окно при наведении курсора мыши на элементы ячейки datalist. Но, на pageload, все всплывающие окна приходят одновременно и данные не видны в ячейках! !


на странице загружается сама многократная и повторяющаяся загрузка всплывающих окон!. Но я хочу всплывающее окно только тогда, когда мы наводим курсор мыши на элементы ячейки в datalist.

Что я уже пробовал:

//яваскрипт//
< script type= "text/javascript">
функция наведения курсора мыши() {
alert ("Init");
$("#Tbl_Cont tr"). mouseenter (функция (e) {
$(документ).готово(функция () {
var moveLeft = 20;
var moveDown = 10;

// $("span#M_over"). скрыть();

$("span#M_over", this). show()
.css ('top', e. pageY + moveDown)
.css ('left', e. pageX + moveLeft);

тревога ("привет");
}). mouseleave(функция (e) {

// $(this). css ("background-color", " #CCCCCC");
$("span#M_over", this). скрыть();

});
});
}

< / script>


/////стиль CSS/////
таблица#Tbl_Cont
{
ширина: 200px;
маржа: 0 авто;

текст присоединяются: оправдать;
курсор: указатель;
}
#M_over
{
ширина: 250px;
высота: 200px;
цвет фона: #7C8698;
положение: абсолютное;
слева: 400px;
обивка: значение 10px;

}


////// мой код отделенного кода ////
str = str + "
" + ""+ oItem ["ID"] + ""+ oItem ["Eve_Name"] +": "+ oItem ["Description"] + "" + "
";


///////asp.net исходный код будет выглядеть так////

width= "130px" cellpadding= " 0 "cellspacing= "0">
8
Понедельник

10ааааа:ббббб
11ааааа:ббббб
24eee:ttt



width= "130px" cellpadding= " 0 "cellspacing= "0">
9
Вт

1TechM: Тестирование
8hyy:jkk



1 Ответов

Рейтинг:
0

njammy

1.чтобы исправить это, установите все всплывающие элементы управления как скрытые по умолчанию.
2. Используйте селектор css :наведите курсор только при наведении курсора мыши, например

/* Default styling (hidden) */
td .pop-up {
    display: none;
}

td .pop-up:hover {
    display: absolute;
    /* Set your pop-up activation styling here for position, colours etc. */
}