私は本当に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>
:レコードについては、
[JavaScriptをデバッグする方法](http://www.w3schools.com/js/js_debugging.asp) – NtFreX
'.btn'と' .well'とは何でしょうか?どこにでも定義する必要はありません。 ** layout.js **ファイルは実際には "js"サブフォルダにありますか? – UnholySheep
デベロッパーコンソールにエラーメッセージが表示されています.... – epascarello