是这样的 有多个button, 想为他们设置链接(因为很多页面都一样, 所以我想写到一个JS里面)
1.当这样写的时候是可以的:
<script type="text/javascript">
$(document).ready(function(){
$("#choose_team_button").click(function(){
window.location.href="http://www.google.com";
});
$("#my_calendar_button").click(function(){
window.location.href="http://localhost:8080/test03/test/my_calendar.html";
});
});
</script>
2.可是当再多跟几个click函数就不行了, 这是为什么? 该怎么写呢?
------解决方案--------------------
$("botton") 这个东西写错了。应该是button ,但是不能所有button都加这个事件吧?最好指定样式去设置事件。
如:
- HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="zh"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(".choose_team_button").click(function(){ window.location.href="http://www.google.com"; }); $(".my_calendar_button").click(function(){ window.location.href="http://localhost:8080/test03/test/my_calendar.html"; }); $(".test_button").click(function(){ window.location.href="http://www.baidu.com"; }); }); </script> </head> <body> <input type="button" value="去谷歌转转" class="choose_team_button" /> <input type="button" value="看看黄历" class="my_calendar_button" /> <input type="button" value="去百度逛逛" class="test_button" /> </body> </html>
------解决方案--------------------
如果你的按钮都跳到不同的地方
那要嘛,只能一按钮写一个
要嘛像14楼说的,那样抽象出一个方法