单击 HTML 文件中的按钮时,我需要在 jQuery 中调用一个方法。但我无法调用该方法。请帮助我解决这个问题。请让我知道我的代码有什么问题。
我的 html 文件是
<!DOCTYPE html >
<html>
<head>
<title>Similar Entity Search-DFS</title>
<script type="text/javascript" src="http://code.jquery.com/jquery -1.10.0.min.js" ></script>
<script type="text/javascript" src="newJs.js" ></script>
</head>
<body>
<div class ="filter" id="search-panel">
<div class="search" id="search-box">
<label>Enter Entity tuple</label>
<button type="button" class="btn-primary" id="search-button" >Search</button>
</div>
</div>
</body>
</html>
此 html 文件调用具有 jQuery 的 javascript 文件 newJs.js
这是我的 javascript 文件
$(function(){
page.init();
});
var page = {
addEvent:function(){
alert("here");
page.controls.searchButton.click(page.handlers.onSearchButtonClick);
},
handlers:{
onSearchButtonClick: function(){
alert("hi");
},
controls:{
}
},
init: function(){
page.controls.searchBox = $('#search-box');
page.controls.searchPanel = $('#search-panel');
page.controls.searchButton = $('#search-button');
page.addEvent();
}
}
我无法打印搜索按钮方法中存在的警报消息。请让我知道我应该在这些代码中进行的更正。
非常感谢。