Sprash
2016-03-31 22:59:14
情況如圖。下面是代碼。<html><head>?<script type="text/javascript" src="jquery-1.9.1/jquery.js"></script>?<style type="text/css">? ?th,td{? ? border: 1px solid grey;? ?}?</style>??<meta charset="utf-8">?</head><body> <table>? ? ? <tr>? ? ? ? ?<th>學號</th>? ? ? ? ?<th>姓名</th>? ? ? ? ?<th>操作</th>? ? ? </tr>? ? ? <tr>? ? ? ? ?<td>xh001</td>? ? ? ? ?<td>詹三</td>? ? ? ? ?<td><a href="">刪除</a></td>?? ? ? </tr>? ? ? <tr>? ? ? ? ?<td>xh002</td>? ? ? ? ?<td>李三</td>? ? ? ? <td><a href="">刪除</a></td>?? ? ? </tr>? ? ? <tr>? ? ? <td><a href="">新增</a>? ? ? </tr> </table> <script type="text/javascript">? ? ?var addnew=$("tr:contains('新增')");? ? ?var table1=$("table");? ? ?var num=3;? ? ?$("tr").hover(function(){? ? ? ? ? ?$(this).css("background-color","grey")? ? ?},? ? ?function(){? ? ? $(this).css("background-color","white")? ? ?}? ? ?)? ? ?addnew.bind("click",a1);? ? ?function a1(){? ? ? num++;? ? ?var newtr="<tr><td></td><td>name</td><td><a>刪除</a></td></tr>";? ? ?$(addnew).before(newtr);? ? ?}? ?? </script></body></html>
6 回答

七古龍東墻
TA貢獻1條經(jīng)驗 獲得超0個贊
??????<tr> ?????????<td>xh002</td> ?????????<td>李三</td> ????????<td><a?href="#">刪除</a></td>? ??????</tr> ??????<tr> ??????<td>新增</td> ??????</tr>
像之前回答過的,你不點新增直接點刪除也跳轉(zhuǎn)了

qq_沖哥_0
TA貢獻40條經(jīng)驗 獲得超30個贊
???<td><a href="">新增</a> ? ?a 標簽屬性設(shè)置有問題,你設(shè)置空字符串,但在JS中,console.log(a.href),它不是空,而是當前頁面的地址,?在你的代碼中, 你以沒有阻止時間的默認行為。
你的代碼是這樣執(zhí)行的,先增加一行,但a鏈接沒有阻止事件的默認行為,所以他會發(fā)生跳轉(zhuǎn),你設(shè)置a鏈接為空值,實際上你設(shè)置他的地址是當前頁面的地址,所以會跳轉(zhuǎn)到當前頁面,實際上是刷新了頁面,?
先增加一行,然后刷新了頁面,就是你現(xiàn)在看到的動圖。
1,如果a鏈接不需要, 設(shè)置href='#', 或直接不寫href屬性?<a>新增</a>?
2, 不要忘記阻止事件的默認行為
添加回答
舉報
0/150
提交
取消