jquery - HTMLで呼び出されるJQueryカスタム関数?

Question

古いバージョンの Firefox を使用しています (さまざまな理由で更新できません)。また、jQuery イベントハンドラーを使用できません (古いブラウザーではメモリリークが発生するようです)。

したがって、次のコードを使用する必要があります。

<div class="somediv" onclick="dostuff()"></div>

問題は、コードが機能しないことです。なんで？

私のJavascriptコード:

$(document).ready(function() 
{
   function dostuff()
   {
       $('#someotherdiv').html('hello');
   }
});

score 4 · Accepted Answer

関数をreadyイベントハンドラー内に配置したため、そのスコープに対してローカルです。関数をルートレベルに配置して、グローバルに使用できるようにします。

function dostuff() {
  $('#someotherdiv').html('hello');
}

$(document).ready(function() {
  // whatever you need to do when the page has loaded
});

score 0 · Accepted Answer

以下のように、関数を外側$(document).ready(に配置するだけで、関数を配置する必要はありません$(document).ready(

function dostuff()
   {
       $('#someotherdiv').html('hello');
   }

score 0 · Accepted Answer

別の方法: jQuerys イベントシステムを使用してクリックハンドラーを割り当てる

$(document).ready(function() {
    $('.somediv').click(function () {
        $('#someotherdiv').html('hello');
    }
});

4 に答える 4