MrGa
Thành Viên Cấp 1
Tổng số bài gửi : 17 Số lần được thanks : 0 Join date : 12/03/2012
| Tiêu đề: Bro nào giúp mình code jquery bài này với! Wed Jun 13, 2012 11:02 pm | |
| Ý tưởng là khi mình del 1 dòng bên trên thì nó sẽ nhảy xuống bảng bên dưới, ngược lại nhấn vào add bên dưới thì nó nhảy lên bảng bên trên.
Mình đã copy dc [tr] của dòng muốn del để add xuống bảng dưới và đổi được class cũng như hình của nút add và remove của dòng [tr] đó để chuyển xuống dưới. Nhưng ko hiểu bị lỗi gì mà khi nó nhảy xuống dưới thì mình click để nhảy lên lại ko dc.
Bạn nào giúp mình với, mình gửi code bên dưới các bạn down về sửa dùm nhé! Thanks, Chúc các bạn thi tốt môn cuối ^^!Đã fix được, sorry and closed ^^! |
|
handsomecat
Thành Viên Cấp 5
Tổng số bài gửi : 179 Số lần được thanks : 4 Join date : 20/03/2012
| Tiêu đề: Re: Bro nào giúp mình code jquery bài này với! Thu Jun 14, 2012 2:55 pm | |
| Fix được thì nói cách sửa ra cho anh em tham khảo. Khi bạn ko biết, bạn hỏi người khác. Còn khi biết rồi thì giử nó cho riêng mình ko chia sẻ cho ai. Chán. |
|
kevindng
Thành Viên Cấp 4
Tổng số bài gửi : 87 Số lần được thanks : 8 Join date : 15/04/2012
| Tiêu đề: Re: Bro nào giúp mình code jquery bài này với! Thu Jun 14, 2012 5:47 pm | |
| dùng hàm on để raise event cho element mới tạo ờ bảng dưới - Code:
-
<html> <head> <title></title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" > $('document').ready(function(){ $('a.remove').live('click',function(e){ e.preventDefault(); var content = $(this).parent().parent(); content.remove(); $('#tab2 tr:last').after(content); $('#tab2 a.remove').removeClass('remove').addClass('add').text('add'); }); }) $('document').ready(function(){ $('a.add').live('click',function(e){ e.preventDefault(); alert('aaa'); var content = $(this).parent().parent(); content.remove(); $('#tab1 tr:last').after(content); $('#tab1 a.remove').removeClass('add').addClass('remove').text('remove'); }); }) </script> </head> <body> <div id="table1"> <table id="tab1" border="1"> <tr> <td>Col 1</td> <td>Col 2</td> </tr> <tr> <td>a</td> <td><a href="#" class="remove">remove</a></td> </tr> <tr> <td>b</td> <td><a href="#" class="remove">remove</a></td> </tr> </table> </div> <div id="table1"> <table id="tab2" border="1"> <tr> <td>Col 1</td> <td>Col 2</td> </tr> <tr> <td>c</td> <td><a href="#" class="add">add</a></td> </tr> <tr> <td>d</td> <td><a href="#" class="add">add</a></td> </tr> </table> </div> </body> </html>
|
|
MrGa
Thành Viên Cấp 1
Tổng số bài gửi : 17 Số lần được thanks : 0 Join date : 12/03/2012
| Tiêu đề: Re: Bro nào giúp mình code jquery bài này với! Thu Jun 14, 2012 11:11 pm | |
| - handsomecat đã viết:
- Fix được thì nói cách sửa ra cho anh em tham khảo. Khi bạn ko biết, bạn hỏi người khác. Còn khi biết rồi thì giử nó cho riêng mình ko chia sẻ cho ai. Chán.
Nóng thế bạn, bạn cần thì mình share ngay. - kevindng đã viết:
- dùng hàm on để raise event cho element mới tạo ờ bảng dưới
- Code:
-
<html> <head> <title></title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" > $('document').ready(function(){ $('a.remove').live('click',function(e){ e.preventDefault(); var content = $(this).parent().parent(); content.remove(); $('#tab2 tr:last').after(content); $('#tab2 a.remove').removeClass('remove').addClass('add').text('add'); }); }) $('document').ready(function(){ $('a.add').live('click',function(e){ e.preventDefault(); alert('aaa'); var content = $(this).parent().parent(); content.remove(); $('#tab1 tr:last').after(content); $('#tab1 a.remove').removeClass('add').addClass('remove').text('remove'); }); }) </script> </head> <body> <div id="table1"> <table id="tab1" border="1"> <tr> <td>Col 1</td> <td>Col 2</td> </tr> <tr> <td>a</td> <td><a href="#" class="remove">remove</a></td> </tr> <tr> <td>b</td> <td><a href="#" class="remove">remove</a></td> </tr> </table> </div> <div id="table1"> <table id="tab2" border="1"> <tr> <td>Col 1</td> <td>Col 2</td> </tr> <tr> <td>c</td> <td><a href="#" class="add">add</a></td> </tr> <tr> <td>d</td> <td><a href="#" class="add">add</a></td> </tr> </table> </div> </body> </html>
Thanks kevindng, code của bạn đúng, nhưng nó bị vướng lỗi nhấn add lên lại thì nó không đổi class và text thành remove. Lúc đầu mình cũng bị vậy sửa một hồi thì đổi class dc nhưng click ko dc.
Đây là code mình đã fix, nói chung cũng tự mò bên jquery nên code ko biết có chuẩn không. Mình share link mediafire các bạn down về tham khảo nếu có cách khác hay và gọn hơn thì gửi lên mọi người cùng học hỏi Link down: - Code:
-
http://www.mediafire.com/?m8o7va46va39ld7 |
|
Sponsored content
| Tiêu đề: Re: Bro nào giúp mình code jquery bài này với! | |
| |
|