JavaScriptは機能していません

Question

以下のコードでは、呼び出されたときに関数を実行したいので、何も起こっていません。機能の名前は受け入れられませんか？

function zoom(d) { 
    if (d == "in") 
    $("#animation_border").css("height", ($(window).height() * 100/85) + "px"); 
    else 
    $("#animation_border").css("height", (canvas.width * 0.719) + "px"); 

} 

if ($(window).width() >= 619) { 
    zoom("out"); 
} else { 
    zoom("in"); 
} 
} 

Answer 1

でコードを入れている私はあなたが、ウィンドウのサイズが変更されたときzoom()関数を呼び出すしたいと仮定しています。もしそうなら、我々はあなたが望む結果を得るために$(window).resize()イベントを使用することができます。

function zoom(d) { 
    if (d == "in") { 
    // Your code here 
    } else { 
    // Your code here 
    }; 
} 

// Automatically called when window is resized 
$(window).resize(function() { 
    if ($(window).width() >= 619) { 
    zoom("out"); 
    } else { 
    zoom("in"); 
    }; 
}) 

ワーキングJSFidde：サイドノートとしてhttps://jsfiddle.net/209m4esk/2/

、あなたのzoom()機能にブール値を比較するのではなくするために、より効率的です文字列。また、関数に与えられた無効なパラメータを許可する必要があります。すなわち：

function zoom(zoomIn) { 
    if (typeof(zoomIn) !== "boolean") { 
     console.log("Parameter given is not a boolean."); 
    } else if (zoomIn) { 
    // Your code here 
    } else { 
    // Your code here 
    }; 
} 

それでは、あなたは、単にズームアウトズームインしzoom(true)を呼び出し、zoom(false)と思います。

Answer 2

• は、最初のあなたが}

• がwindow.resize

  (function(){ 
  function zoom(d) { 
      if (d == "in") 
      $("#animation_border").css("height", ($(window).height() * 100/85) + "px"); 
      else 
      $("#animation_border").css("height", (canvas.width * 0.719) + "px"); 
  
  } 
  
  $(window).resize(function(){ 
      if ($(window).width() >= 619) { 
       zoom("out"); 
      } else { 
       zoom("in"); 
      } 
  })})();