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

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

您只需编写即可实现，

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

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

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