2016-10-12 8 views
-3

私は本当にjsで新しいです。まだjsでいっぱいではありません。私はスタックを検索し、同様の問題が見つかりましたが、この解決策は私のために働いていません。 私はindex.htmlを外部のファイルにスクリプトを移動する

<script> 
$(document).ready(function() { 
var elements = document.querySelectorAll(".well"), 
heights = []; 
/* Getting an array with the heights */ 
[].forEach.call(elements, function (each) { 
heights[heights.length] = getComputedStyle(each, null).getPropertyValue("height"); 
}); 
/* Sorting the array to get the greatest value first */ 
heights.sort(function (a, b) { 
return parseFloat(b) - parseFloat(a); 
}); 
/* Applying the greatest height to each element */ 
[].forEach.call(elements, function (each) { 
each.style.height = heights[0]; 
}); 
}); 

にコードを持って、今、私は一度だけでなく、使用する外部ファイルにこれを移動したいです。 ので、私は、ファイルを作成します。私は

<script src="js/layout.js"></script> 
<script> 
    $(document).ready(function() { 
     equalHeightClass(.btn); 
     equalHeightClass(.well); 
    }); 
</script> 

を置くコード

function equalHeightClass(object) { 
"use strict"; 
var 
    elements = document.querySelectorAll(object), 
    heights = []; 

/* Getting an array with the heights */ 
[].forEach.call(elements, function (each) { 
    heights[heights.length] = getComputedStyle(each, null).getPropertyValue("height"); 
}); 

/* Sorting the array to get the greatest value first */ 
heights.sort(function (a, b) { 
    return parseFloat(b) - parseFloat(a); 
}); 

/* Applying the greatest height to each element */ 
[].forEach.call(elements, function (each) { 
    each.style.height = heights[0]; 
}); 
} 

とインデックスに持つlayout.jsをしかし、これは動作しない、私はエラーがどこにあるかはまだわかりません、なし、引用符でみてください。この場合には、あなたがそれらを必要とquerySelectorAll、でその値を使用するので、あなたは、パラメータの引用符が必要になります

<script> 
    $(document).ready(function() { 
     equalHeightClass('.btn'); 
     equalHeightClass('.well'); 
    }); 
</script> 

:レコードについては、

+1

[JavaScriptをデバッグする方法](http://www.w3schools.com/js/js_debugging.asp) – NtFreX

+0

'.btn'と' .well'とは何でしょうか?どこにでも定義する必要はありません。 ** layout.js **ファイルは実際には "js"サブフォルダにありますか? – UnholySheep

+3

デベロッパーコンソールにエラーメッセージが表示されています.... – epascarello

答えて

0

デバッガにコンソールエラーが表示されていませんか?どのように動作していないのですか?

0

すべて動作していますが、パスは正しいです。 コール機能を使用するときにタイプミスをします。今私は関数名を維持することを学ぶ。

関連する問題