在slideToggle上调用Ajax

Question

我通过按钮点击时通过Ajax调用从服务器获取一些数据，但我只想在下拉列表关闭时获取数据，希望在下拉列表恢复时避免调用。

这是我的jquery

$('.button').on('click', function(){
$('.test').slideToggle('slow');
 $.ajax({
   type: "GET",
   url: /testUrl.php,
   success: function(result) {
    alert(result);
 });  
});

谢谢

Answer 1

你可以这样做：

$('.button').on('click', function(){
  if (!$('.test').is(:visible))
    $.ajax({
      type: "GET",
      url: /testUrl.php,
      success: function(result) {
      alert(result);
    });  
  $('.test').slideToggle('slow');
});

Answer 2

你可以试试这个：

$('.button').on('click', function(){
  var $test = $('.test');
  $test.slideToggle('slow');
  if (!$test.is(':visible')) {
    $.ajax({
      type: "GET",
      url: /testUrl.php,
      success: function(result) {
        alert(result);
    });  
  }
});