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脚本

回答

相关问题