gpt4 book ai didi

JavaScript 模块模式不起作用

转载 作者:行者123 更新时间:2023-11-30 12:30:31 25 4
gpt4 key购买 nike

我正在尝试根据一些在线示例在我的代码中实现模块模式,我想要实现的是简单地将我的 html 中的按钮单击事件绑定(bind)到一个函数(它不起作用),下面是我的 HTML :

<!DOCTYPE html>
<html>

<head>
<script data-require="angular.js@*" data-semver="1.3.7" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js"></script>
<script data-require="jquery@*" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>

<body>
<h1>Hello Plunker!</h1>
<input type="button" id="btn-msg" value="click me"/>
</body>

</html>

这是我的 JS:

//CRUD Start
var Rutherford = Rutherford || {};
Rutherford.crud = function() {

function _readLists() {
alert("am here");
}

return {
readLists: _readLists
}
}

Rutherford.Initiate = function() {
$("#btn-msg").click(Rutherford.crud.readLists);
}

$(function() {
Rutherford.Initiate();
});

这也是我的 plunker 的链接:http://plnkr.co/edit/tA94lzMPHkUOr8QuyJK8?p=preview

我想要实现的是将按钮绑定(bind)到函数。

最佳答案

您需要调用 匿名函数,而不是分配它。请参阅下面的 ():

Rutherford.crud = (function() {

function _readLists() {
alert("am here");
}

return {
readLists: _readLists
}
}());

这是一个更新后的插件:http://plnkr.co/edit/uiWHmtkMFEKywvFRk6DF?p=info

关于JavaScript 模块模式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27877348/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com