Использование наведения мыши в CSS

Question

All

var a='<div id="details"  onmouseover="tip(this)">';

function tip(el)
{
    $(this).mouseover(function() {
    var b="<div id='test'>"+el.innerHTML+"</div>";
    $(b).css("display", "inline");
    });
}

Что-то не так с приведенным выше кодом? Я пытаюсь отобразить el.innerhtml на указателе мыши рядом с гиперссылкой

Answer 1

Почему бы не попробовать это вместо:

 function tip(el) {
     $(this).mouseover(function() {
     $("#test").html(el.innerHTML);
     $("#test").css("display","inline");
     }); }

Answer 2

Попробуйте расширить то, что вы хотите. Дайте нам список требований, изложите именно то, что вы хотите. Я полагаю, что если вы сделаете это, несколько голосов «за» будут отменены.

Со своей стороны, попробуйте это:

<div id="details">


<script type="text/javascript">
    $(document).ready(function(){
        $("#details").mouseover(function(){
            var $this = $(this);
            $this.append("<div id='test'>"+$this.html()+"</div>");
        });
    })
</script>

Чтобы показать / скрыть, было бы просто позвонить на .show() или .hide()

Если вы действительно хотели этот код:

var a='<div id="details"  onmouseover="tip(this)">'; 

Тогда вам придется добавить в DOM:

$(document).append('<div id="details">');

А затем свяжите свое событие:

$("#details").mouseover(function(){

Answer 3

Вам нужно добавить код на DOM вашей страницы, чтобы он мог отображаться. В настоящее время вы создаете div, устанавливаете CSS для него, но он все еще только в памяти.

Answer 4

Вы используете $(this) внутри своей функции, может быть, это должно быть $(el)? И вам нужно сделать что-то вроде $('body').append(b);, чтобы добавить <div> в DOM.