onclick沒有執行

-1

部分代碼未被執行。動畫打開盒子工作正常。但關閉的動畫不起作用。哪裏不對？onclick沒有執行

$('#basic-modal .basic').click(function (e) { 
    $("#basic-modal-content").modal({onOpen: function (dialog) { 
     dialog.overlay.fadeIn('slow', function() { 
      dialog.data.hide(); 
      dialog.container.fadeIn('slow', function() { 
       dialog.data.slideDown('slow'); 
      }); 
     }); 
    }}); 

    $("#basic-modal-content").modal({onClose: function (dialog) { 
     dialog.data.fadeOut('slow', function() { 
      dialog.container.hide('slow', function() { 
      dialog.overlay.slideUp('slow', function() { 
       $.modal.close(); 
      return false; 
     }); 
    }); 
});

}}）;

來源

2013-03-06 Jan Oppeneer

'modal'不是一個jQuery的東西。你還使用了其他什麼庫？ – 2013-03-06 01:31:12

此外，向我們展示您的HTML可能有助於解決問題。 – 2013-03-06 01:32:57

嗨，它是在互聯網上找到的插件的一部分。我想爲該腳本添加一些動畫。沒有使用其他文庫。除了一些括號之外，N Rohler的答案工作正常。我設法糾正這一點。看到我的最後一篇文章的工作代碼。我感謝所有人。 – 2013-03-06 20:03:09

合併onOpen和onClose性能在同一個modal()初始化調用：

$('#basic-modal .basic').click(function (e) { 
    $("#basic-modal-content").modal({onOpen: function (dialog) { 
     dialog.overlay.fadeIn('slow', function() { 
      dialog.data.hide(); 
      dialog.container.fadeIn('slow', function() { 
       dialog.data.slideDown('slow'); 
      }); 
     }); 
    }, 
    onClose: function (dialog) { 
     dialog.data.fadeOut('slow', function() { 
      dialog.container.hide('slow', function() { 
      dialog.overlay.slideUp('slow', function() { 
       $.modal.close(); 
      return false; 
     }); 
    }}); 
});

編輯：正如其他人所提到的，我在黑暗中拍攝我，因爲我們甚至不知道什麼是你的腳本正在使用。

來源

2013-03-06 01:32:02

嗨，謝謝你的解決方案。代碼中缺少括號，因此它不能立即使用。完整的工作代碼在這裏： – 2013-03-06 19:52:59

答案有點問題。對於其他人誰可以使用它這是完整的代碼：

jQuery(function ($) { 
$('#basic-modal .basic').click(function (e) { 
$("#basic-modal-content").modal({onOpen: function (dialog) { 
    dialog.overlay.fadeIn('slow', function() { 
     dialog.data.hide(); 
     dialog.container.fadeIn('slow', function() { 
      dialog.data.slideDown('slow'); 
     }); 
    }); 
}, 
    onClose: function (dialog) { 
     dialog.data.fadeOut('slow', function() { 
      dialog.container.hide('slow', function() { 
      dialog.overlay.slideUp('slow', function() { 
      $.modal.close(); 
      return false; 
     }); 
    }); 
}); 
}});

來源

2013-03-06 19:57:02

onclick沒有執行

回答

相關問題