bootstrapValidator Validator не работает из-за конфликтов Javascript?

Я использую валидатор Bootstrap (bootstrapValidator.js) для проверки формы. С этим я добавил jQuery UI Multiselect component на мою загрузочную страницу. Но для этого компонента требуется 1.5.1/jquery.min.js и Bootstrap Validator требуется jquery-1.10.2.min.js. Из-за этой двух разных версий на той же странице валидатор не работает. Если я использую только обновленную версию Js (jquery-1.10.2.min.js), то компонент Multiselect перестает работать. Пожалуйста, помогите ....bootstrapValidator Validator не работает из-за конфликтов Javascript?

источник

2015-01-31 user2800404

Вы пытались оставить только версию 1.10.2? обычно не так много вещей, которые действительно могут потребовать более старую версию jquery – Alex

попробовать, чтобы добавить файлы в следующем порядке:

JS/JQuery-1.10.2.min.js
JS/JQuery-ui.js (если файл существует в проекте :))
jquery.min.js (1.5.1)
JS/bootstrap.min.js (если файл существует в проекте :))
JS/bootstrapValidator.min.js (если файл существует в проекте :))
другие js

, если он не работает http://api.jquery.com/jQuery.noConflict/

источник

2015-01-31 19:20:27 websky

Вы пробовали inncluding все JS и CSS файлы в головной метке, и включает в себя порядок имеет решающее значение: первый включает Jquery библиотеку, следующий самозагрузки, следующий плагин для проверки подлинности. Затем проверьте свой код html на наличие ошибок. Я нашел этот tutoral онлайн [http://www.jqueryscript.net/form/Powerful-Form-Validation-Plugin-For-jQuery-Bootstrap-3.html]

<head> 
    <!-- <link rel="stylesheet" href="css/Style_sheet.css" type="text/css" /> --> 
    <title>The Transformers</title> 
    <link rel="icon" href="/title_icon2.jpg"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <!-- // <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> --> 


    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> 
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    <script src="http://getbootstrap.com/assets/js/docs.min.js"></script> 

    <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.bootstrapvalidator/0.5.1/css/bootstrapValidator.min.css"/> 
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.bootstrapvalidator/0.5.1/js/bootstrapValidator.min.js"></script> 

</head>

источник

2015-02-02 00:51:48 Denise

bootstrapValidator Validator не работает из-за конфликтов Javascript?

ответ

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