mail.js
var readMail = function(){ $(".listmail").bind("click", function(){ $.ajax({ url: "readmail.php",
type: "GET", data: { "id": 1 },
success: function(data) {
alert("ok"); },
error: function() {
alert("error");
}
}) })
};
var init = function() {
readMail(); }; init();mail.html代码(mail.js在mail.html页面加载)
<tr class="listmail"></tr>
<tr class="listmail"></tr>
<tr class="listmail"></tr>在html页面有多封邮件,定义统一的类名 .listmail;我先实现,单击任何一份邮件列表中的邮件,都填出ok对话框。现在的问题是,我单击tr,不能执行js中的代码。但是,如果在firefox中进行断点调试,有会正常显示。不知道,有没有遇到这种情况的高手啊。如果有,请不吝指教啊。谢谢。
var readMail = function(){ $(".listmail").bind("click", function(){ $.ajax({ url: "readmail.php",
type: "GET", data: { "id": 1 },
success: function(data) {
alert("ok"); },
error: function() {
alert("error");
}
}) })
};
var init = function() {
readMail(); }; init();mail.html代码(mail.js在mail.html页面加载)
<tr class="listmail"></tr>
<tr class="listmail"></tr>
<tr class="listmail"></tr>在html页面有多封邮件,定义统一的类名 .listmail;我先实现,单击任何一份邮件列表中的邮件,都填出ok对话框。现在的问题是,我单击tr,不能执行js中的代码。但是,如果在firefox中进行断点调试,有会正常显示。不知道,有没有遇到这种情况的高手啊。如果有,请不吝指教啊。谢谢。
this.bind("click", function(){
....
});
});是不是应该这样...
<td>
</td>
</tr>
没写td吗?
可能是你的ajax方法还没有执行完,你有点了别的tr了
$(".listmail").bind("click", function(){
alert('okkkk');
$.ajax({...});
});
这样有没有运行
<head>
<script type="text/javascript" language="javascript" src="/Script/jquery-1.4.2.js">
</script>
<script language="javascript" type="text/javascript" >
$(document).ready(function()
{ $("tr").click(function()
{
init();
})
var readMail = function(){ $(".listmail").bind("click", function(){ $.ajax({ url: "readmail.php",
type: "GET", data: { "id": 1 },
success: function(data) {
alert("ok"); },
error: function() {
alert("error");
}
}) })
};
var init = function() {
readMail(); };
});
</script>
</head>
<body>
<table>
<tr class="listmail"><td>aa</td></tr>
<tr class="listmail"><td>bb</td></tr>
<tr class="listmail"><td>cc</td></tr>
</table></body>
</html>
readmail.php<?phpecho "funfun";
?>
这么写$(function(){init()});
$(document).ready(function(){
init();
});
或者
$(document).ready(function(){
$(".listmail").each(function(){
var liNode = $(this);
liNode.click(function(){
//doSomthing();
});
});
});