0

インラインから外部 JavaScript ドキュメントに変換しようとしている JavaScript の使用に問題があります。外部に配置しようとしているこのコードは機能しません。

// JavaScript Document
function homepage() {
    $("#button").click(function(){
        $("#main, #nav").slideToggle();
        if($(this).html() == "-"){
            $(this).html("+");
            setTimeout(function() {
                $('#wrapper').css('top', 'auto');
                $('#wrapper').animate({ 'bottom': '0' }, 500);
            }, 500);
        } else {
            $(this).html("-");
            setTimeout(function() {
                $('#wrapper').animate({ 'top': '0' }, 500);
                $('#wrapper').css('bottom', 'auto');
            }, 500);
        }
    });
}
4

3 に答える 3

1

スクリプトをロックしようとします:

$(document).ready(function(){
  // JavaScript Document
  function homepage() {
  $("#button").click(function(){
  $("#main, #nav").slideToggle();
  if($(this).html() == "-"){
      $(this).html("+");
      setTimeout(function() {
        $('#wrapper').css('top', 'auto');
        $('#wrapper').animate({ 'bottom': '0' }, 500);
      }, 500);
  }
  else{
      $(this).html("-");

      setTimeout(function() {
          $('#wrapper').animate({ 'top': '0' }, 500);
          $('#wrapper').css('bottom', 'auto');
      }, 500);
  }
  });}

});
于 2013-06-14T15:18:39.763 に答える
0

あなたのコードは、あなたがjQueryを使用していると私に思わせます。jQuery などのライブラリを使用する JS ファイルを外部ファイルに移動するには、次の手順を実行する必要があります。

コードが jQuery 内にあり、次のようになっている場合:

$(document).ready(function(){
    // here is all your code
});

次に、その部分を含むすべてを$(document).ready();外部ファイルに移動し、(最善の方法で) HTML ページの下部にロードする必要があります。

于 2013-06-14T15:31:27.977 に答える
0

jQueryセレクターが失敗しているため、「機能しない」と思います。$(function () {...})DOM 対応で確実に実行されるように、コードを内部に配置します。

于 2013-06-14T15:16:48.090 に答える