Javascript не загружается после загрузки другого

Question

У меня проблема с javascript. Ситуация после нажатия a тега для добавления div на javascript, как в коде ниже

Это HTML

<a class="xemhinh" href="https://3.bp.blogspot.com/-SrY4SGEWA0U/XkzC8iFrPWI/AAAAAAAAFck/pj319hsOteYRIVjJ2Z8RNJ5y_fjr_e8xQCKgBGAsYHg/s1600/ban-nha-duong-so-59-phuong-14-quan-go-vap-2.jpg">
<img class="img" src="https://3.bp.blogspot.com/-SrY4SGEWA0U/XkzC8iFrPWI/AAAAAAAAFck/pj319hsOteYRIVjJ2Z8RNJ5y_fjr_e8xQCKgBGAsYHg/s1600/ban-nha-duong-so-59-phuong-14-quan-go-vap-2.jpg" />
</a>

Это первое Javascript (прошло )

$(document).ready(function(e) {
if (typeof jQuery.fn.live == 'undefined' || ! (jQuery.isFunction(jQuery.fn.live))) {
  jQuery.fn.extend({
    live: function (event, callback) {
      if (this.selector) {
        jQuery(document).on(event, this.selector, callback);
      }
    }
  });
}
$('a.xemhinh').click(function(){
  var link_hinh = $(this).attr('href');
  $('body').append('<div class="zoom"><img src="'+link_hinh+'" /></div>'); //class="zoom" to call js zoom/pinch
  return false;
});
});

Но зум / пинч не работает. Ниже приведен код js, который я сократил, потому что думаю, что проблема в том, как вызывается функция. Полный код на здесь .

Это второй javascript (сбой)

function zoom(classNames, settings) {         //Working in <div class="zoom">
    classNames = (typeof(classNames) !== 'undefined' && Object.keys(classNames).length ? classNames : {});
    settings = (typeof(settings) !== 'undefined' && Object.keys(settings).length ? settings : {});
    ......

Я уверен, что на 100% каждый фрагмент кода полон синтаксиса или ;, поскольку при замене изображений непосредственно на <div class="zoom"> второй javascript по-прежнему работает очень хорошо. Вы можете увидеть его вживую на здесь

У кого-нибудь есть предложения для меня? Я буду вам очень благодарен!

Заранее спасибо!