jquery 的

slunlun
领域专家: 移动开发技术领域
2015-02-10 11:52:55
本人新手,在学习thinkphp时,前端模板的js不成功。在注册页面元素click事件时,点击元素没有任何反应。代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/public.css">
<js file='__PUBLIC__/Js/jquery-1.7.2.min.js'/>
<script>
$(function () {
$(".add-role").click(function () {
var obj = $(this)->parents("tr").clone();
$("#last").before(obj);
});
});
</script>
</head>
<body>
<table class="table">
<tr>
<th colspan="2">添加用户</th>
</tr>
<tr>
<td align="right">用户账号:</td>
<td>
<input type="text" name="username"/>
</td>
</tr>
<tr>
<td align="right">密码:</td>
<td>
<input type="password" name='password'/>
</td>
</tr>
<tr>
<td align="right">所属角色:</td>
<td>
<select name="role_id[]">
<option value="">请选择角色</option>
<foreach name='role' item='v'>
<option value={$v['id']}>{$v.name}({$v.remark})</option>
</foreach>
</select>
<span class='add-role'>添加一个角色</span>
</td>
</tr>
<tr id='last'>
<td colspan='2' align='center'>
<input type="submit" value="保存添加"/>
</td>
</tr>
</table>
</body>
</html>


引入的jquery路径是正确的,浏览器可以直接点击看到jquery源码。怀疑是在document ready时,click事件没有注册成功。浏览器用的是firefox 35.0.1。求高人解答啊~
...全文
368 1 打赏 收藏 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
slunlun 2015-02-11
  • 打赏
  • 举报
回复
找到答案了,用了firebug查看,发现$(this)->parents("tr").clone(); 应该是$(this).parents("tr").clone(); 另外,thinkphp里面似乎有个bug js文件引入的时候,要是在模板里写 <script type="text/javascript" src="__PUBLIC__/Js/jquery-1.7.2.min.js"></script>则引入不来。 而要写成 <js file='__PUBLIC__/Js/jquery-1.7.2.min.js'/>才成功。

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧