JQuery не работает. Я не могу это понять

Question

Закодировал эту функцию. Я не могу найти, почему она не работает.

Я знаю, что файл JS загружается, потому что другие функции внутри него работают, но те, с этим форматом не:

$(function() { 
.... 
}); 

Идея заключается в том, чтобы показать модальные окна при нажатии кнопки в определенном DIV (класс addWidget), после чего функция JQuery будет подсчитывать некоторые div и показывать их в модальном окне (до) для проверки их, если вы хотите.

Код следующий:

- Jquery -

$(function() { 
    $('.addWidget').on('click', function() { 
     $('.modal-body').empty(); 
     $('.modal-title').text('Añadir Widget'); 
     $('.box:hidden').each(function() { 
      $('.modal-body').append('<input type="checkbox" value="' + $(this).attr('name') + '"> ' + $(this).attr('name') + '</input><br />'); 
     }); 
     if ($('.modal-body').children('input').length > 0) { 
      $('#modal').modal('show'); 
     } else { 
      $('.modal-title').empty(); 
      $('.modal-body').text('Todos los widgets estan desplegados'); 
      $('#modal').modal('show'); 
      return false; 
     } 
    }); 
}); 

Когда я нажал на DIV, ничего не происходит ... :(

Редакцией:

Попытка такого подхода, по крайней мере, входит в мою функцию JQuery:

function addWigdet() { 
    $('.modal-body').empty(); 
    $('.modal-title').text('Añadir Widget'); 
    $('.box:hidden').each(function() { 
     $('.modal-body').append('<input type="checkbox" value="' + $(this).attr('name') + '"> ' + $(this).attr('name') + '</input><br />'); 
    }); 
    if ($('.modal-body').children('input').length > 0) { 
     $('#modal').modal('show'); 
    } else { 
     $('.modal-title').empty(); 
     $('.modal-body').text('Todos los widgets estan desplegados'); 
     $('#modal').modal('show'); 
     return false; 
    }; 
} (jQuery); 

onclick="javascript:addWigdet()" 

Но:

$('#modal').modal('show'); 

Краш ... Что-то об этом элемент поддержки это не распространяется модальный ('шоу') ...

Answer 1

Ну,

Окончательно Найдено. Просто поделитесь, чтобы избежать этой проблемы, если у вас есть одна и та же проблема.

Я решил принять другой путь, возможно, не правильный, но исправить.

Проблема связана с чем-то об использовании главной страницы и загрузке конкретной функции jquery внутри, поэтому, чтобы исправить эту конкретную проблему с помощью этой конкретной функции (действительно странно, другие функции работают), я решил загрузить функцию на каждой странице, которая в этом нуждается ...

Надеясь, что это работает для вас, ребята.

Answer 2

пытаются использовать

(function ($) { 
    .... 
})(jQuery);