ajax MouseOver和MouseOut腳本

目前這將使用此MouseOver腳本加載div id調用「tasksOnThisDay」。但我的終點目標是當我MouseOut時關閉這個div。還是有更好的方式來編寫腳本，以便我可以將GET參數傳遞給我的Task.html，然後將其加載到div上，除了MouseOver和MouseOut腳本外？有人可以幫我看看，謝謝！ajax MouseOver和MouseOut腳本

<span class="label label-warning" style="background:'#fff'" 
target="_blank" onmouseover=" 
$(\'#tasksOnThisDay .modal-body\').load(\'Task.html?day='.$date.'\', 
function(e){$(\'#tasksOnThisDay\').modal(\'show\'); 
}); 
">'$date'</span>

來源

2015-04-02 bhorizon

使用jQuery事件綁定的屬性的JavaScript代替。這會讓你有一個更清晰的代碼。 – D4V1D 2015-04-02 13:11:24

我會給它一個去。你必須包括下面的JavaScript，你可以下載： https://jquery.com/download/

<span class="label label-warning" style="background:'#fff'" 
     target="_blank">'$date'</span> 


     <script> 
     // using jquery function $(selector).hover(inFunction,outFunction) 
$(".label label-warning").hover(function(){ 
     // When hover over 
     $(this).load('Task.html?day='.$date.'\', function() 
    { 
     $(\'#tasksOnThisDay\').toggle()}); 
    }, 
    function(){ 


     // When mouse is not hovering 
     $(this).empty(); 
     $(\'#tasksOnThisDay\').toggle(); 

});

來源

2015-04-02 13:26:43 user3842346

ajax MouseOver和MouseOut腳本

回答

相關問題