在JQuery中调用自定义函数

时间:2014-01-12 06:44:33

标签: javascript jquery html5 function oop

我想调用我在调用JQuery事件后创建的JavaScript函数。我之前定义了一个名为scrambleDot的函数,如var scrambleDot = new function() { //my code }。这是我尝试使用的代码:

$('#reveal').click(function() {
    $('.cover').css({'visibility':'hidden'});
    $('#under').css({'visibility':'visible'});
})
$('#conceal').click(function() {
    $('scrambleDot');
})

})

3 个答案:

答案 0 :(得分:4)

你必须像以下一样打电话:

scrambleDot();

要定义一个函数,您不需要new运算符,因此您应该:

var scrambleDot = function() { //my code }

如果它仍然抛出错误,则表示它是在其他范围内定义的。要使其可全局访问,请在定义时执行此操作:

window.scrambleDot = function() { //my code }

干杯

答案 1 :(得分:2)

  1. 我们必须使用new关键字,仅当该函数用作新对象的构造函数时。因此,定义不应使用new

    var scrambleDot = function() { //my code }
    

    如果不需要动态创建功能,我建议

    function scrambleDot() {
        ...
    }
    
  2. 要调用该功能,只需执行

    scrambleDot();
    

答案 2 :(得分:1)

对于该调用该函数而不是选择元素:

$('#reveal').click(function() {
    $('.cover').css({'visibility':'hidden'});
    $('#under').css({'visibility':'visible'});
})
$('#conceal').click(function() {
    scrambleDot();
});

此外,您还可以编写函数:

function scrambleDot () {
  // your code 
}

这比变量更好。