2016-11-22 8 views
0

はコードです:あなたが見ることができるようエラーがないのにJavaScriptの機能が動作しないのはなぜですか?ここ

http://jsfiddle.net/gxTuG/106/

をjsfiddleする

<div id="one"> 
<div class="options-parameters-input"> 
This is testing 
</div> 
</div> 
<br /><br /><br /><br /><br /><br /><br /> 
<table width="750" border="1" cellspacing="3" style="float:left;"> 
    <tr> 
    <td>Type font size</td> 
    <td><textarea id="heretype"></textarea></td> 
    </tr> 
</table> 

$("#heretype").on("keyup",both); 

function both(){ 
$(".options-parameters-input").css("fontSize", this.value + "px"); 
} 

リンクだから、このコードはjsfiddleで動作しますが、私は私のphpBBのテーマにこのコードを転送するとき、その後のためにいくつかの未知の理由は動作しません...そしてFirefox Developer Toolsではエラーはありません..だから私はなぜ動作していないのか分かりません。何が問題になるかもしれない。

私が代わりに$("#heretype").addEventListener("keyup",both);.on を使用しようとするならば、私はエラーが表示されます。

TypeError: $(...).addEventListener is not a function

この含めたすべてのJavaScript関数はフッターから呼び出される.jsファイルに保存されます。それだけで、コンソール

に番号1を示し、その後

も、私はあなたが私

助けることができますしてください

を追加しているあなたはとjsの部分を宣言する必要が

+7

document.readyハンドラでコードを実行していますか?例えば。 '$(function(){/ *あなたのコードはここに/ *});' –

+6

JavaScriptは実際には '

関連する問題