JQuery ползунок и курсор мыши - PullRequest
Новая
       1

JQuery ползунок и курсор мыши

0 голосов
/ 03 февраля 2010

All

В приведенном ниже коде, 

<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>

<script src="http://jqueryui.com/latest/ui/effects.core.js"></script>
<script src="http://jqueryui.com/latest/ui/effects.slide.js"></script>
<style type="text/css">
  #show { margin: 0px; width: 100px; height: 80px; background: green; border: 1px solid black; position: relative; }
</style>
</head>
<body>
<div id="details"  onmouseover="javascript:tooltip(this);">keyword</div>
<div id="show" style="display:none;"></div>
</body>

<script>
function tooltip(el)
{
    $("#details").mouseover(function() {
    $("#show").show("slide", {}, 1000);
    });
}
</script>
</html>

При наведении мыши на ключевое слово div. Предполагается, что зеленая сетка должна отображаться и при наведении мыши. Как это достигается?

Спасибо .............

Ответы [ 2 ]

2 голосов
/ 03 февраля 2010

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

$(function(){
  $("#details").mouseover(function(){
    $("#show").show();
  });
});

Теперь следующая строка устарела: 

<div id="details" onmouseover="javascript:tooltip(this);">

Написав $("#details").mouseover(), мы уже объявили эту логику. Теперь нет необходимости помещать его в атрибут mouseover элемента через HTML. Вы должны остаться с: 

<div id="details">
2 голосов
/ 03 февраля 2010

Проблема в том, что код внутри функции наведения мыши никогда не выполняется.Когда даже происходит наведение мыши, jQuery используется для переназначения функции на наведение мыши, а вместо этого она должна выполняться.

Внесите следующие изменения:

  • Удалите onmouseover из сведений div: 
<div id="details">keyword</div>
  • Выполнение функции панели инструментов при загрузке документа с записью: 
<script>
$(document).ready(function(){
{
    $("#details").mouseover(function() {
        $("#show").show("slide", {}, 1000);
    });
}
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...