<div id="view"></div>
<div class="bar" style="padding:0px;" id="bar">
<script>
var bar = "<img class="myclass" src="/images/button.png" >  " ;
$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 в долната част на страницата ви ще подобри времето за зареждане.