Javascriptで教えてください

質問

下記１だと実行できるのですが、２だと実行できないのはなぜでしょうか

１

<script type="text/javascript">

function OnButtonClick() {
alert('クリック');
}

$(function () {

})
</script>

２
<script type="text/javascript">
$(function () {
function OnButtonClick() {
alert('クリック');
}
})
</script>

回答No.2

t_ohta

OnButtonClick(); という関数をどこからコールしたいか書かれていませんが、この関数をコールする部分が何処にあるかが問題だと思います。

１の書き方の場合は OnButtonClick(); はグローバルスコープなので、ページ内の何処からでもコールすることが可能になります。

一方２の書き方は $(function () { ・・・ } という関数内で OnButtonClick(); 関数を定義しているので関数スコープとなり、 $(function () { ・・・ } 内からしかコールできない関数になり、 $(function () { ・・・ } の外からコールしようとすると undefined エラーになります。

このあたりは実際のエラーメッセージをみれば理由が分かりますので、実行できなかったと言う結論だけではなくエラーメッセージを添えて質問すると回答しやすくなります。
（ご自身でもエラーメッセージを読み解く訓練をしましょう）

回答No.1

chirakuma

何をしたいのかが明記されていないので良くわかりませんが、

$(function () {}

はページのreadyで実行されるコード記述するものなので、
$(function(){
alert('クリック');
})
とか書いておけばアラート窓は出るはずです。
詳しいタイミングと分類は下記を参照ください。
http://qiita.com/mimoe/items/74cb3a01a30162759fdd

jQueryを使ってクリックイベントで発火するなら
.on('load',~~)
のほうを使った方が良いです。