jQuery-悬停调用一个功能，然后调用另一个功能

Question

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

问题是我无法使两个功能一起工作。

1st功能 - 加载子菜单内容（pag.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 );可以正常工作。但是我当然需要一个接一个地打电话给两个。我只是写错误的最后一行吗？

Answer 1

根据您的要求，您使用的语法是完全错误的，在函数原型中没有此类函数done。

您可以通过写作来实现这一目标，

function functionOne() {
 jQuery.get('page.php', function(data) { 
   jQuery('.class').html(data); 
   functionTwo(); 
 });
}
function functionTwo() {
  jQuery("#loading").hide();    
};
jQuery(".dropdownhover").one('mouseenter', functionOne);