jquery的hello world问题

blade_richard 2012-11-25 05:58:23

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>    

    <title>My JSP 'index.jsp' starting page</title>



	<script language="javascript" type="test/javascript" src="jquery.js"></script>

	<script type="text/javascript">

	var jq = jQuery.noConflict();

	jq(function(){

	jq("#test").click(function(){

	alert("成功！！");

	})

	})

	</script>

  </head>  

  <body>

    <input id="test" type="button" value="Display alert box" />

  </body>

</html>

就这么短的程序，jquery不工作。这里的页面和jquery在同一个目录下。大家帮帮忙看看吧

...全文

560 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

blade_richard 2013-01-28

打赏
举报

感谢诸位，回答都是正确的，细节决定成败啊，我后来自己调试发现了这个错误！！真心的谢谢大家。我想这个帖子对于我和同我有同样问题的人来说意义就在于，如果按照成功的案例去尝试仍然失败，那么问题很有可能是自己马虎大意造成的。再次感谢大家！！

cqslideng 2012-12-06

打赏
举报

test就定义的一个ID，改成text ,why,他用的不是text()函数。 <script type="text/javascript"> var jq = jQuery.noConflict(); jq(function(){ jq("#test").click(function(){ alert("成功！！"); }); }); </script>

lingxiasandu 2012-12-03

打赏
举报

一定要认真啊

licip 2012-12-02

打赏
举报

引用 3 楼 lvbang_lzt 的回复:

type="test/javascript" test ---> text 就可以了

说对了，你错单词了。

xwbb123 2012-12-02

打赏
举报

引用 6 楼 zhouqinghe24 的回复:

引用 5 楼 qiujialongjjj 的回复:引用 3 楼 lvbang_lzt 的回复:type="test/javascript" test ---> text 就可以了++ ++;

Cookie-kimi 2012-12-01

打赏
举报

test ---> text

风一样的大叔 2012-11-29

打赏
举报

引用 3 楼 lvbang_lzt 的回复:

type="test/javascript" test ---> text 就可以了

西风授码 2012-11-29

打赏
举报

引用 3 楼 lvbang_lzt 的回复:

type="test/javascript" test ---> text 就可以了

楼主，如果你的代码是复制的，那估计就是3楼说的原因

瑞卡哥哥 2012-11-29

打赏
举报

引用 5 楼 qiujialongjjj 的回复:

引用 3 楼 lvbang_lzt 的回复:type="test/javascript" test ---> text 就可以了++

++;

lzh_me 2012-11-28

打赏
举报

type="test/javascript" test ---> text 就可以了

斯洛文尼亚旅游 2012-11-26

打赏
举报

改下面试试，怀疑还是路径的问题 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'index.jsp' starting page</title> <script language="javascript" type="test/javascript" src="http://www.coding123.net/js/jquery.js"></script> <script type="text/javascript"> var jq = jQuery.noConflict(); jq(function(){ jq("#test").click(function(){ alert("成功！！"); }) }) </script> </head> <body> <input id="test" type="button" value="Display alert box" /> </body> </html>

blade_richard 2012-11-25

打赏
举报

所做尝试： 1怀疑引用路径错误（尝试方式）将文件和页面放入同个目录（/WebRoot下）并用myeclipse的辅助功能（按住Ctrl键将鼠标移向路径如地址正确则会出现链接显示）查看链接地址正常（结果）无效； 2怀疑下载的文件的问题（尝试方式）在官网下载1.8.3.min.js;1.8.3.js;1.8.2.min.js;1.8.2.js;也尝试通过url直接引用的方式（结果）无效； 3怀疑冲突，虽然工程中没有任何其他框架也没有采用css但是也做了相关尝试（即现在代码的结果）仍然无效； 4改用html替换jsp（网上有的人说自己的jquery在html的页面中有效，而在jsp中无效，所以也做了此尝试），仍然无效。