Не уходит подсказка, keyUp сделал, что может быть не так?

Question

[Darkness]

Не могу понять, почему на codepen у меня работает скрипт ( после того как в input пусто подсказка уничтожается) , но на **** хостинге нет, тот же самый код. Работает с красной линией все также, а с подсказкой нет.

Светлые умы, дайте пинка! Спасибо!
Код: https://codepen.io/AntonBrock/pen/jdyYpz?editors=1010

UPD

Консоль офигенно говорит что: Нет метода "уничтожение", это типа на хостинге старая версия стоит jQ или Bootstrap?
Uncaught TypeError: No method named "destroy"
at HTMLInputElement. (tooltip.js:701)
at Function.each (jquery-2.1.1.min.js:2)
at n.fn.init.each (jquery-2.1.1.min.js:2)
at n.fn.init.i._jQueryInterface [as tooltip] (tooltip.js:686)
at HTMLInputElement. (nixonmedia_for_fourseasonsshop.js:90)
at HTMLInputElement.dispatch (jquery-2.1.1.min.js:3)
at HTMLInputElement.r.handle (jquery-2.1.1.min.js:3)

Код на хостинге

// keyUp for tooltip- hide; 

$(document).ready(function() {
$("#email").keyup(function() {
  if($(this).val() == "") {
      $(this).tooltip('destroy');
}
});
});

// Valid Email
$(document).ready(function() {
	$("#email").blur(function() {
      if ($(this).val() != "") {
        var pattern = /^(?!.*@.*@.*$)(?!.*@.*\-\-.*\..*$)(?!.*@.*\-\..*$)(?!.*@.*\-$)(.*@.+(\..{1,11})?)$/;
  
        if ($(this).val() != "" && pattern.test($(this).val())) {
            
            $(this).tooltip('disable');
            $(this).removeClass("error_message");
            $(this).attr('title', '');
            $(this).attr('data-original-title', '');
          } else {
            $(this).tooltip('enable');
            $(this).attr('title', '');
            $(this).addClass("error_message");
            $(this).attr('data-original-title', 'Не правильный Email');
        }
      }
    });
});

// Empty input
$(document).ready(function() {
$('#email').on('focus', function() {
$(this).removeClass('error_message');
  });
$('#phone').on('focus', function() {
$(this).removeClass('error_message');
  });
});

Код в кодПен

$(document).ready(function() {
$( "#email" ).keyup(function() {
  if($(this).val() == "") {
      $(this).tooltip("destroy");
}
});
});

// Valid Email
$(document).ready(function() {
    $("#email").blur(function() {
      if ($(this).val() != "") {
        var pattern = /^(?!.*@.*@.*$)(?!.*@.*\-\-.*\..*$)(?!.*@.*\-\..*$)(?!.*@.*\-$)(.*@.+(\..{1,11})?)$/;
  
        if ($(this).val() != "" && pattern.test($(this).val())) {
            
            $(this).tooltip('disable');
            $(this).removeClass("error_message");
            $(this).attr('title', '');
            $(this).attr('data-original-title', '');
          } else {
            $(this).tooltip('enable');
            $(this).attr('title', '');
            $(this).addClass("error_message");
            $(this).attr('data-original-title', 'Не правильный Email');
        }
      }
            if($(this).val() == "") {
               $(this).tooltip("destroy");
            } 
    });
});

// Empty input
$(document).ready(function() {
$('#email').on('focus', function() {
$(this).removeClass('error_message');
  });
$('#phone').on('focus', function() {
$(this).removeClass('error_message');
  });
});

Comments

[Darkness]

Проверял алертами на хостинге саму функцию по нажатию, когда инпут пуст идет строка с уничтожением, алерт после нее. Итог: инпут пуст - алерт показан - подсказка видна.

Answer 1

[wagoodoogoo]

если это 4 bootstrap, то там вроде бы 'dispose', а не 'destroy'

Comments

[Darkness]

верно! + там 2.2.1 jQ было.
Это я сделал, не знаешь почему применяется функция в 1 инпуту, а всплывающем окне нет. Но там id одинаковый. Но например , в другом окне и там тоже всплывающем окне оно работает)

UPD
Тоже решил. Тут была проблема в том что при верстке использовали два одинаковых id на одной странице, и поэтому нихера не работало, сейчас все гуд!