0

Правильно ли подключены костыли?

  <script src='js/jquery.js' type='text/javascript'></script>
        <script>var $old_jq = jQuery.noConflict(true); </script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
        <script>var $jq224 = jQuery.noConflict(true); </script>
        <script>

        (function($) {
             $.ajax({
              url: "js/all.js",
              dataType: "script",
              success: success
            });                    
            }($old_jq)); 

         (function($) {                      

              $(".tel").mask("+7(999) 999-9999");

            }($jq224));

         </script>
8
  • А ваш скрипт js/all.js (кстати, почему без кавычек?) знает про переменную $old_jq? 28 авг 2017 в 12:12
  • так все-таки - правильно или нет?
    – Proshka
    28 авг 2017 в 12:56
  • Зависит от того как оно используется в других скриптах. 28 авг 2017 в 12:57
  • В старой версии свалены скрипты под старую версию, в новую - под новые скрипты
    – Proshka
    28 авг 2017 в 13:12
  • Ну не желаете сообщать подробности - не сообщайте. Только не пойму зачем вы вопрос задавали в таком случае. 28 авг 2017 в 13:13

1 ответ 1

2

Немного поправил твой скрипт, скачай код, сравни со своим, сохрани и запусти, как видишь у тебя подключаются 2 версии JQuery, которые доступны по двум разным переменным $old_jq и $jq224. Это сработает, добавил в примере вывод версий. Строку js/all.js надо добавить в ковычки, на будущее ставь try{}catch(){} для отлова ошибок. А ещё не хватает плагина для маски телефона, добавил ссылку.

<!Doctype html>
<html>
<head>
    <script type='text/javascript' src='https://code.jquery.com/jquery-1.6.2.js'></script>
    <script type="text/javascript">var $old_jq = jQuery.noConflict(true)</script>
    <script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript">var $jq224 = jQuery.noConflict(true)</script>
</head>
<body>
    Скачай и установи плагин с маской отсюда: https://github.com/RobinHerbots/Inputmask
    <hr/>
    <input id="tel" class="tel" type="text" style="width:100px" />
    <hr/>
    <span id="old_jq"></span><br/>
    <span id="jq224"></span>

<script type="text/javascript">

(function() {
    try{
        $old_jq.ajax({
            url: js/all.js,
            dataType: "script",
            success: function(data){
                console.log(data);
            }
        }); 
    } catch(e){ 
        console.log(e); 
    }   
})(); 

(function() {                      
    try{
        $jq224(".tel").mask("+7(999) 999-9999");
    } catch(e){ 
        console.log(e); 
    }
})($jq224);

console.log($old_jq.fn.jquery);
console.log($jq224.fn.jquery);

$old_jq("#old_jq").html('Для <b>$old_jq</b> версия JQuery: ' + $old_jq.fn.jquery);
$jq224("#jq224").html('Для <b>$jq224</b> версия JQuery: ' + $jq224.fn.jquery);

</script>
</body>
</html>
2
  • Прикольно и красиво. Когда уже я буду так писать! Спасибо большое за помощь!
    – Proshka
    28 авг 2017 в 13:58
  • Для справки, о том зачем нужен $.noConflict() можно почитать здесь api.jquery.com/jquery.noconflict .
    – zuvladimir
    28 авг 2017 в 14:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.