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'); 

崩潰......一些關於此元素doesn't支持模式（ '秀'） ...

Answer 1

好，

終於找到了。只是分享以避免這個問題，如果你們都有同樣的問題。

我解決了另一種方式，可能不是正確的，但解決它。

這個問題是關於使用母版頁和加載特定的jquery函數裏面的東西，所以，爲了解決這個特定的問題，這個特定的功能（真的很奇怪，其他功能工作），我決定加載函數在每一頁都需要它...

希望它適合你們。

Answer 2

嘗試使用

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