Jquery вопрос, функция не определен

Question

Я написал этот код кажется правильным, но появляется сообщение об ошибке:

Uncaught ReferenceError: show is not defined 

Это мой простой код:

(function ($) { 
    $(document).ready 
    (
     function() { 
      $('.mapban').parent().jclip(0, 0, 1060, 750); 

      $('#mapplane').draggable(); 

      $('#mapplane > div ').css('display', 'none'); 

      $('.button').attr('onclick','show(this)'); 

      function show(button){ 
      alert(button); 

      } 

     } 





    ) 
})(jQuery) 

Answer 1

Вы должны объявить объявить функцию шоу за пределами вызова $ (document) .ready (...);

То, как вы это объявили, область действия ограничена временем выполнения этой функции и не может быть видна на странице.

Answer 2

Это не работает, потому что функция show() не в window сфере, она внутри рамки document.ready функции и uneccessary IIFE, в то время как обработчик OnClick элемента пытается вызвать его из окна (глобальная) сферы ,

Лучше всего использовать атрибуты JQuery

jQuery(function($) { 
    $('.mapban').parent().jclip(0, 0, 1060, 750); 
    $('#mapplane').draggable(); 
    $('#mapplane > div ').hide(); 

    $('.button').on('click', show); 

    function show(){ 
     var button = this; 
     alert(button); 
    } 
}); 

Answer 3

Элемент как onclick выполняются в глобальном масштабе. Функция show не существует в глобальной области. Вам нужно прикрепить ссылку на свойство функции onclick, а не строку для его атрибута. В JQuery вы можете сделать это с помощью метода on (среди прочих):

$('.button').on('click', show); 

function show(){ 
    alert(this); 
}