/ / jquery мишката върху диалоговия прозорец - javascript, jquery, html

jquery hover на диалоговия прозорец - javascript, jquery, html

<div id="view"></div>
<div class="bar" style="padding:0px;" id="bar">
<script>
var bar = "<img class="myclass" src="/images/button.png" >&nbsp&nbsp" ;
$view = jQuery("#view") ;
$view.dialog({
height: 650,
width: 650,
buttons: { "welcome" :
function() { msg() ; }
},
open: function(event, ui)
{ if (full_toggle == 1)
{
$bar.dialog("open") ;
}
}
}) ;
bar = $(".bar", "#view").dialog({
height: 30,
width: "100%",
textAlign : "justify",
marginLeft : "auto",
marginRight:"auto"
})
</script>
</div>

В горния скрипт, тъй като лентата е диалогов прозорец, как мога да направя нещо на мишката или мишката върху лентата

Отговори:

2 за отговор № 1

Какво ще кажете за това:

 $(".myclass").mouseover(function(){
// whatever....
});

Или

 $(".myclass").hover(function(){
// whatever....
});

1 за отговор № 2

Не е нужно да смесите javascript кода с HTML. Можете да го поставите в секцията HEAD отвътре $(function(){}); подобно на кода.

$(function(){
$(".bar").hover(
function(){ alert("Hover!"); },
function(){ alert("Hover Out!"); }
);
});



/> след като видяхте актуализирания ви въпрос за диалога:

Диалоговият интерфейс на интерфейса jQuery показва някои html. Предлагам ви да се вмъкнете в html, който искате да задържите.

Например:

$(".ui-dialog").live("hover", function(){ alert("Hover!"); } );

Можете също така да използвате:

$view.dialog({
open: function(){
$(".ui-dialog").hover( function(){ alert("Hover!"); } });
}
});

Виж тук за допълнителен ресурс.


-1 за отговор № 3
 $("#bar").hover(function(){
alert("I was hovered...");
//function code here...
},
function(){
alert("No longer hovered...");
//function code here...
}
});

Аз също бих препоръчал промяна на вашия код малко .., По-чистият, за да прочетете, ако поставите всички HTML елементи там, като вашето изображение и след това в долната част на страницата, поставете готовия си jQuery код, който инициализира всички други елементи като диалози и т.н. Поставяне на JavaScript в долната част на страницата ви ще подобри времето за зареждане.