JavaScript関数を1回だけ動作させるには

Question

Javascript関数を1回だけ動作させるには？

if (window.location.hash) { 
     $(document).ready(function() { 
     var id = window.location.hash; 
     $(id).trigger('click'); 
    }); 
     $('li').click(function() { 
      $(this).prependTo($(this).parent()); 
     }); 
    } 

私は、リンクの利用者がウェブサイトに来ることli要素で自動クリックする必要があります。 web.com/#2（リストの注文 - 2 1 3 4 5）、web.com/#4（注文のリスト - 4 1 2 3）しかし、私はユーザーがハッシュURLのリスト要素をウェブサイトに残したいと思っています.3つのリスト要素をクリックすると、その場所にとどまり、リストの順序（4 1 2 3）をとらなければなりません。私はちょうどロードページにURLのハッシュでリストの順序を変更する必要があります。

Answer 1

私は、最も簡単な解決策は.one()を使用することです、それをあなたの特定のケースで

 if (window.location.hash) { 

      $('li').one('click',function() { 
       if (!window.run){ 
      $(this).prependTo($(this).parent()); 
        window.run = true; 
       } 
     }); 
     $(document).ready(function() { 
      var id = window.location.hash; 
      $(id).trigger('click'); 
     }); 
    } 

Answer 2

を解決し、初めてそれを実行した後にハンドラをアンバインドした：

$('li').one('click',function() { ... } 

別のアプローチを持っていることですそれが実行された後、関数はno-opに再定義されます。

var oneTimeFunction = function() { 
    console.log("This will only happen once."); 
    oneTimeFunction = function() {}; 
}