jQuery - 通过悬停调用一个函数,然后调用另一个函数

时间:2016-12-24 08:05:34

标签: javascript jquery function callback jquery-callback

所以我有一个子菜单,可以在主导航按钮悬停时加载内容。当内容加载时,我想显示加载图形。

问题是我无法让两个功能协同工作。

第一个功能 - 加载子菜单内容(page.php)

第二个功能 - 加载page.php时,隐藏加载图形

<script>
function functionOne() {
jQuery.get('page.php', function(data) { jQuery('.class').html(data); })
}

function functionTwo() {
  jQuery("#loading").hide();    
};

jQuery(".dropdownhover").one('mouseenter', functionOne.done( functionTwo ););
</script>

<a class="dropdownhover">Button</a>
<div id="loading"></div>

使用上面的代码,这两个函数都不起作用。如果我只调用第一个函数:jQuery(".dropdownhover").one('mouseenter', functionOne );,它可以正常工作。但我当然需要一个接一个地打电话。我只是写错了脚本的最后一行吗?

1 个答案:

答案 0 :(得分:1)

根据您的要求,您使用的语法完全错误,Function的原型中没有此类函数<div name="qty" data-price="1.12" dragable="true">This one costs 1.12</div> <div name="qty" data-price="1.45" dragable="true">This one costs 1.45</div>

你可以通过写作来实现这一目标,

done