2016-07-06 9 views
1

В настоящее время у меня есть проблема на всех страницах. На странице есть форма с кнопкой отправки и таблицей, содержащей кнопки. Проблема возникает, когда я нажимаю кнопку редактирования от the tablecss и javascript исчезли.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> 

Вот картина таблицы, прежде чем я нажимаю на редактирование.

enter image description here

А теперь

enter image description here

Как вы можете видеть CSS и Javascipt код оба исчезли.

Что я здесь делаю неправильно? Буду признателен за любую оказанную помощь.

+0

Кажется, вы идете на страницу '/ poll/edit/$ {poll.id_poll}', существуют ли на этой веб-странице CSS и JS? –

+0

Фактически **/poll/edit/$ {poll.id_poll} ** перенаправляется на ту же страницу. –

+0

Сравните URL-адреса CSS и JS-запросов в закладке сети браузеров, до и после перенаправления страницы. –

ответ

0

Проблема /poll/edit/... и т. Д. В href ссылки. Даже если вы перенаправляетесь, браузер по-прежнему считает, что вы находитесь в другом каталоге, из которого относительные пути к вашим стилям & скриптов не будут работать.

Указать базовый каталог для всех ссылок на странице:
<base href="http://www.domain.com/somebasedir/" />

Тогда независимо от перенаправления, например, эта таблица стилей:
<link rel="stylesheet" type="text/css" href="path/style.css" />

всегда следует искать в:
/somebasedir/path/style.css

+0

Я добавил эту базовую вещь и заменил ** ** с ** ** Это сработало, спасибо за вашу помощь. –

Смежные вопросы