我的jQuery代码不起作用。为什么？

Question

这是我的jQuery代码，它不起作用。我真的不知道为什么。请帮助，并告诉我如何解决它。

$(function() { 
    var panel = function() { 
      var init = function() { 
       console.log('hello'); 
      }; 

     return { 
      init: init 
     } 
    }; 

    $('.nav li a').on('click', function (e) { 
     panel.init(); 
    }); 

})(); 

我得到这个错误在我的控制台

Object function() { 
    var panel = function() { 
     var init = function() { 
      console.log('hello'); 
     } 
    }; 

    return { 
     init: init 
    } 
} has no method 'init' 

Answer 1

我认为你缺少关闭面板功能的声明结束的括号内。

var panel = function() { 
    var panel = function() { 
     var init = function() { 
      console.log('hello'); 
     } 
    }; 

    return { 
     init: init 
    } 
}(); 

确保右括号后面()

Answer 2

你的初始化函数是在另一个功能面板。这是从外面无法到达的。 当你想返回init方法时，如果你知道我的意思，那么你必须把init函数的级别设置得更高。

Answer 3

也许你应该如何定义在JavaScript中类看：

http://www.phpied.com/3-ways-to-define-a-javascript-class/

var panel = { 
    init: function() { 
     alert("Hello!"); 
    } 
} 

panel.init(); 

---

$('.nav li a').on('click', function (e) { 
    panel.init(); 
    e.preventDefault(); 
}); 

Answer 4

我猜面板应该使用即时调用：

$(function() { 
    var panel = (function() { 
      var init = function() { 
       console.log('hello'); 
      }; 

     return { 
      init: init 
     } 
    })(); 

    $('.nav li a').on('click', function (e) { 
     panel.init(); 
    }); 

})(); 

代码将立即执行并将对象返回到panel变量。因此panel拿起init财产。

Answer 5

我只想做：

$(function() { 
    var panel = { 
     init: function() { 
      console.log('hello'); 
     } 
    } 

    $('.nav li a').on('click', function (e) { 
     panel.init(); 
    }); 
});​ 

FIDDLE

似乎更像是你想做什么？

Answer 6

在这种情况下，面板是一个回调，而这种回调返回其他回调，init，所以你必须把（）回调都围绕，试试这个：

$(function() { 
    var panel = function() { 
     var init = function() { 
      console.log('hello'); 
     }; 

     return { 
      init: init 
     } 
    }; 

    $('.nav li a').on('click', function (e) { 
     panel().init(); 
    }); 

})();