Добавление строки в таблицу в документе xhtml с помощью jQuery 1.4.4 и Firefox - PullRequest
Новая
       1

Добавление строки в таблицу в документе xhtml с помощью jQuery 1.4.4 и Firefox

0 голосов
/ 18 ноября 2010

Я должен передать веб-сайт с html на xhtml, потому что нужно включить svg.

После этого изменения я не могу добавить строку в таблицы.

Среда: Firefox 3.6.12 с firebug, jQuery 1.4.4

Юнит-тест: 

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("a.addrowb").click(function(){
 $("table tbody").append("<tr><td>new row on bottom</td><td></td></tr>");
 return false;
 })
 $("a.addrowt").click(function(){
 $("table tbody").prepend("<tr><td>new row on top</td><td></td></tr>");
 return false;
 })
})
</script>
<title>Untitled Document</title>
</head>

<body>
<a  class="addrowb" href="#">Add row In the bottom</a> <a  class="addrowt" href="#">Add row In the Top</a>
<table border="1">
<tbody>
<tr>
<td>Text 1</td><td>text 2</td>
</tr>
</tbody>
</table>
</body>
</html>

1 Ответ

2 голосов
/ 18 ноября 2010

Вам нужно вывести свой пользовательский JS.

например, создайте файл main.js в той же папке, в которую вы вложили свой файл .xhtml, и вставьте в него свой пользовательский код: 

$(document).ready(function(){
 $("a.addrowb").click(function(){
 $("table tbody").append("<tr><td>new row on bottom</td><td></td></tr>");
 return false;
 })
 $("a.addrowt").click(function(){
 $("table tbody").prepend("<tr><td>new row on top</td><td></td></tr>");
 return false;
 })
})

Тогда в вашем xhtml вместо 

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("a.addrowb").click(function () {
            $("table tbody").append("<tr><td>new row on bottom</td><td></td></tr>");
            return false;
        })
        $("a.addrowt").click(function () {
            $("table tbody").prepend("<tr><td>new row on top</td><td></td></tr>");
            return false;
        })
    })
</script>

запись 

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="main.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...