Question

目前我的所有页面都有问题。该页面包含一个带有提交按钮的表单和一个包含按钮的表。问题是每当我点击the table css的编辑按钮时并且javascript已经不见了。

这是jascript代码

<script type="text/javascript">
    $(document).ready(function() {
        var table = $('#datatable').dataTable();
        var tableTools = new $.fn.dataTable.TableTools(table, {
            'aButtons' : [  ],
            'sSwfPath' : 'js/copy_csv_xls_pdf.swf'

        });

        $(tableTools.fnContainer()).insertBefore('#datatable_wrapper');
    });
</script>

表格

<table id="datatable" class="hover" >
                <thead>

            <tr>
                <th width="80">Poll ID</th>
                <th width="120">Poll Name</th>
                <th width="120">Poll Description</th>
                <th width="120">poll publisher</th>


                <th width="60">Edit</th>
                <th width="60">Delete</th>
                <th width="60">Voter</th>
                                <th width="60">Afficher courbe</th>

            </tr>
            </thead>
                <tfoot>

            <tr>
                <th width="80">Poll ID</th>
                <th width="120">Poll Name</th>
                <th width="120">Poll Description</th>
                <th width="120">poll publisher</th>


                <th width="60">Edit</th>
                <th width="60">Delete</th>
                <th width="60">Voter</th>
                                <th width="60">Afficher Courbe</th>

            </tr>
            </tfoot>
            <c:forEach items="${listpolls}" var="poll">
                    <tbody>

                <tr>
                    <td>${poll.id_poll}</td>
                    <td>${poll.titre}</td>
                    <td>${poll.description}</td>
                    <td>${poll.emp_login}</td>



                    <td><a href="<c:url value='/poll/edit/${poll.id_poll}' />">Edit</a></td>
                    <td><a href="<c:url value='/poll/remove/${poll.id_poll}' />">Delete</a></td>
                    <td><a href="<c:url value='/poll/voter/${poll.id_poll}' />">Vote</a></td>
                    <td><a href="<c:url value='/sa/${poll.id_poll}' />">Afficher courbe</a></td>

                </tr>
            </c:forEach>
                            </tbody>

        </table>

这是我点击编辑之前的表格图片。

现在

正如你所看到的，css和javascipt代码都已消失。

我在这里做错了什么？非常感谢任何帮助。

Answer 1

问题是链接href中的/poll/edit/...等。即使重定向，浏览器仍然认为您位于不同的目录中，而不是相对于您的样式和路径的路径。脚本不会起作用。

在页面上指定所有链接的基本目录：
<base href="http://www.domain.com/somebasedir/" />

然后无论重定向如何，例如这个样式表：
<link rel="stylesheet" type="text/css" href="path/style.css" />

应始终在以下方面寻找：
/somebasedir/path/style.css

单击一个按钮后，CSS失去了javascript

1 个答案: