如何将包含函数的全局变量附加到单击事件

【问题标题】：How to attach a global variable that contains a function to a click event如何将包含函数的全局变量附加到单击事件
【发布时间】：2013-10-16 15:21:06
【问题描述】：

我想创建一个包含函数的全局变量

var showSlider = function() {
    $('#slider-content').css("display","block");
    $('#slider-content').delay(1000).addClass('animated slideInRight');
}

如何将其附加到点击事件？

$('a.shipping-btn').on("click", function(){
    $('#main-content').removeClass('span12');
    $('#main-content').addClass('span8');
    $(showSlider);
});

【问题讨论】：

喜欢这个$(selector).on('click', showSlider); ?
或将$(showSlider);改为showSlider();

标签： javascript jquery function events variables

【解决方案1】：

你为什么不直接调用它？

$('a.shipping-btn').on("click", function(){
    $('#main-content').removeClass('span12');
    $('#main-content').addClass('span8');
    showSlider();
});

您不需要 jQuery 来执行基本的 JavaScript 语言任务。

也就是说...执行$(showSlider) 会起作用，但我无法想象您需要在点击事件中执行此操作，除非您认为点击可能在加载 DOM 之前发生。

【讨论】：

感谢工作，我是 javascript/jquery 的新手，所以我正在快速学习。
@Julius：如果您是 JavaScript 新手，请使用 Mozilla MDN，对于 jQuery，请使用 jQuery documentation 作为资源。即时学习是可以的，但你应该尽可能在业余时间使用这些资源，这样你至少学会了基本的基础知识。我还发现“Javascript The Good Parts”一书在开始时非常有用。