Можно ли исправить этот конфликт с prototype.js и jquery.js без конфликта? - PullRequest
Новая
       13

Можно ли исправить этот конфликт с prototype.js и jquery.js без конфликта?

0 голосов
/ 26 января 2012

Для проверки телефона я использую в prototype.js a ... 

<body onload="Xaprb.InputMask.setupElementMasks()">

Это более старая версия (1.4) и обновление до (1.7) не будет работать. Вот код, размещенный на странице ... 

<script type="text/javascript" language="javascript">
//<![CDATA[
if ( typeof(Xaprb) == 'undefined' ) {
   Xaprb = new Object();
}

Xaprb.InputMask = {
masks: {
phone: {
         format: '(   )   -    ',
        regex:  /\d/
      }
      },
      setupElementMasks: function() {
      if ( document.getElementsByClassName ) { // Requires the Prototype library
         document.getElementsByClassName('input_mask').each(function(item) {
            Event.observe(item, 'keypress',
               Xaprb.InputMask.applyMask.bindAsEventListener(item), true);
         });
      }
   },
   applyMask: function(event) {
      var match = /mask_(\w+)/.exec(this.className);
      if ( match.length == 2 && Xaprb.InputMask.masks[match[1]] ) {
          var mask = Xaprb.InputMask.masks[match[1]];
     var key  = Xaprb.InputMask.getKey(event);

         if ( Xaprb.InputMask.isPrintable(key) ) {
            var ch      = String.fromCharCode(key);
            var str     = this.value + ch;
            var pos     = str.length;
        if ( mask.regex.test(ch) && pos <= mask.format.length ) {
           if ( mask.format.charAt(pos - 1) != ' ' ) {
              str = this.value + mask.format.charAt(pos - 1) + ch;
           }
           this.value = str;
        }
        Event.stop(event);
     }
  }
  },
   isPrintable: function(key) {
      return ( key >= 32 && key < 127 );
   },
   getKey: function(e) {
      return window.event ? window.event.keyCode
           : e            ? e.which
           :                0;
   }
};
//]]>
</script>

Простите, но я довольно новичок в этом вопросе, если пропущу что-то простое. Он в основном проверяет номер телефона по мере того, как клиент вводит его. Он расположен http://www.comparediabetictestingsupplies.com и фактически заставляет ползунки выполнять функции jreviews, а не (это Joomla! CMS). Я также хочу добавить, что я изменил все 75 '$' на '_' в prototype.js.

1 Ответ

0 голосов
/ 30 января 2012

В итоге я нашел prototype.maskedinput.js, который работает с prototype.js 1.6.1. Это в конечном итоге изменило код, но решило не только конфликт с jquery, но и mootools. Вы можете найти источник в https://github.com/bjartekv/MaskedInput/blob/master/prototype.maskedinput.js

...