这是我的HTML页面:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="myscript.js"></script>
<script type="text/javascript">
$(document).ready(function() {
function closecontactform(){
alert("closing the form");
};
});
</script>
</head>
<body>
<p id="elementname">Click me to call function</p>
</body>
这是在myscripts.js文件中:
$(document).ready(function() {
$('#elementname').click(function() {
alert("click detected");
closecontactform();
});
});
我的实际页面比这复杂得多,并且包含了很多jquery,但这是仅显示必要代码的基本问题.我希望能够从单独的.js文件中调用函数,而该函数在主页面中定义.在这个基本的简单版本中,我尝试删除$(document).ready(function()...并且在这个简单的示例中有帮助但是我在更复杂的页面中需要该行,因为删除它似乎打破了我要去的其他一切上.
你会看到"点击检测到"被调用,但"关闭表单"却没有.
你能给我任何指示吗？
谢谢,