的Javascript範圍

Question

在xxx.html.erb，實現一個簡單的功能來選擇所有選中的項目

<button class="btn btn-info btn-sm" onclick=selectAll()>Select All</button> 

<script> 

function selectAll(){ 
    $(':checkbox').prop("checked", true); 
} 

</script> 

然而，當我嘗試提取功能全選其他文件在導軌，它根本不工作。

例如：

在xxx.html

=>

<script src="/assets/xxx.js" type="text/javascript"></script> 
<button class="btn btn-info btn-sm" onclick=selectAll()>Select All</button> 

在LIB

/資產/ Javascript角/ xxx.js

function selectAll(){ 
    $(':checkbox').prop("checked", true); 
} 

該瀏覽器將彈出未捕獲的類型錯誤：全選是不是功能...

我認爲它可能與'範圍'有關，但不能理解h它運作。非常感謝

Answer 1

對於軌道4,5：

嘗試移動到應用程序/資產/ JavaScript的/ xxx.js。

$(document).ready(function() { 
    selectAll(); 
}); 

function selectAll(){ 
    $(':checkbox').prop("checked", true); 
} 

需要在您的應用程序/資產/ Java腳本/ applications.js如果沒有//= require_tree .例如：

//= require jquery 
//= require jquery_ujs 
//= require foundation 
//= require turbolinks 
//= require xxx 

希望可以幫到你。