ajax MouseOver和MouseOut脚本

时间:2015-04-02 13:09:17

标签: javascript jquery html ajax

目前,这将加载div id call" tasksOnThisDay"使用此MouseOver脚本。但我的终点目标是在MouseOut时关​​闭这个div。或者是否有更好的编写脚本的方法,以便我可以将GET参数传递给我的Task.html,然后将其加载到div上,除了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>

1 个答案:

答案 0 :(得分:0)

我会试一试。您必须包含以下可下载的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();

});