2015-12-11 2 views
0

Недавно я установил Dandelion datatables 1.1.1 и не могу понять, как активировать jquery-ui, который поставляется с основной библиотекой. Мне нужно, чтобы использовать datepicker.Dandelion Datatables не может загрузить jquery-ui

В моем проекте следующая архитектура используется:

src 
web 
|__ resources 
    |__ css 
    |__ js 
|__ WEB_INF 
    |__ views 
     |__ ... html views 
    |__ spring-servlet.xml 

загружает одуванчик ресурсы в весенне-сервлете с помощью:

<mvc:resources mapping="/dandelion/**" location="classpath:/META-INF/resources/dandelion/"/> 

В папке JS У меня есть Datepicker-init.js:

$(document).ready(
    function() { 
    $("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true 
    }); 
    } 
); 

Затем я попытаюсь загрузить этот скрипт в свой заголовок

<script th:src="@{/resources/js/datepicker-init.js}"></script> 

, а затем использовать его на моей странице HTML:

<html xmlns:th="http://www.thymeleaf.org" 
     xmlns:dt="http://www.thymeleaf.org/dandelion/datatables"> 
       .... 
       <div id="filter_panel"> 
        <form th:action="@{/requests}" th:object="${requestRegisterModel}" 
          method="post"> 
         <input id="datepicker" type="text" /> 
        </form> 
       </div> 

но получить неперехваченный ReferenceError: $ не определен ошибки в консоли браузера. Я знаю, что эта ошибка возникает из-за JQuery-щ не определен, но я не могу загрузить сценарии в моем заголовке:

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script> 
<script type="text/javascript" src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 

, потому что в этом случае JQuery скрипт загружен дважды. Я нашел аналогичную проблему here, но я подумал, что можно загружать jquery-ui без пакетов активов, но до сих пор не могу понять, как это сделать. Все остальное работает отлично.

Browser console

ответ

0

Хорошо, наконец, я получил эту работу. JQuery поставляется вместе с Dandelion Datatables, поэтому нет необходимости импортировать его дважды. Но JQuery загружается только после загрузки таблицы, так что мне нужно включить скрипт с JQuery-интерфейса

<script type="text/javascript" src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 

после таблицы, например, в сноске.

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