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

Question

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

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

第一个功能 - 加载子菜单内容（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 );，它工作正常。但我当然需要一个接一个地打电话。我是不是把脚本的最后一行写错了？

Answer 1

根据您的要求，您使用的语法完全错误，Function的原型中没有done这样的功能。

你可以通过写作来实现，

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

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

jQuery(".dropdownhover").one('mouseenter', functionOne);