我正在尝试学习一些JQuery.我正在使用外部js来编写我的代码.当我调用2段函数时它工作正常,但是当我调用提交按钮时它只是再次加载页面.我的代码看起来像这样:
<html>
<body>
<p id="paragraf">This is an internal paragraf</p>
Another Example:
<p id="paragraftest">This is the external js script</p>
<form>
<input type="text" name="Submit_test">
<button id="buttontest">Submit</button>
</form>
<script type="text/javascript" src="jqueryScript/jquery.js"></script>
<script type="text/javascript" src="jqueryScript/hide.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
$('#paragraf').click(function() {
$('#paragraf').hide();
});
$('#paragraftest').click(function() {
$('#paragraftest').hide();
});
$('buttontest').submit(function() {
alert("test");
});
Run Code Online (Sandbox Code Playgroud)
/*我在按钮测试和测试中试过了""和"",但仍然是相同的*/我也试过这个,但它仍然是相同的.
<form>
<input type="text" name="buttontest">
<input type="submit" value="">
</form>
Run Code Online (Sandbox Code Playgroud)
谁能明白为什么没有发生?最诚挚的问候Mads
缺少id选择器 - buttontest是按钮的id,因此你需要使用id-selector来选择它(前缀为#)
$('#buttontest').submit(function() {
alert("test");
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
572 次 |
| 最近记录: |