jsfiddleの関数をテストする

Question

申し訳ありませんが、本当に愚かな質問はここにあります。あなたがjavascriptやjqueryに関する質問を投稿した場合、人々はしばしば「jsfiddle」を作成します。

だから私はしました。私の質問はdivをjqueryを使ってスライドさせることですが、jsfiddleで実行するための基本的なjavascript関数を取得することすらできません。

http://jsfiddle.net/ubq6E/

<div onclick="showit()">Hello</div> 
function showit() 
{ 
alert('hi'); 
} 

のdiv、JavaScript関数を呼び出すために、それをクリックして、しかしjsfiddleは、関数が定義されていないと言います。あなたはjsfiddleでこれを行うことはできませんか？

Answer 1

jsfiddleでデフォルトのonLoadオプションを選択しました。

これにより、コード全体がコールバック関数内にラップされます。つまり、showit関数はDOM0インラインイベントハンドラで必要なグローバル関数ではありません。

いくつかの回避策は好みの私の個人的な順序で、あります

1. DOM0インラインハンドラを使用していない、彼らはが本当に古い学校だ - 代わりelement.addEventListener()を調べてから、あなたのマークアップを分離あなたのJS。

2. window.showit = function() { ... }を使用して、代わりにグローバル名前空間に機能を表示させます。

3. はい、JSが含まれている変更「ノーラップ」オプション