jQuery illuminate ( http://www.tonylea.com/2011/jquery-illuminate/ )をダウンロードしてセットアップしました
。jQuery と illuminate プラグインの両方がページに読み込まれていることを確認しました。
次に、このようにコーディングしました
JavaScript部分
window.onload = function(){
if(document.URL.indexOf("mode=1") >= 0){
var input = $(".box#input");
$(document).scrollTop(input .offset().top - 60);
var v = input.val();
input.val('');
input.focus().val(v);
input.focus()
$(".btn#illuminate").illuminate({
'intensity': '0.3',
'color': '#98cb00',
'blink': 'true',
'blinkSpeed': '1200',
'outerGlow': 'true',
'outerGlowSize': '30px',
'outerGlowColor': '#98cb00'
});
}
}
フォームパーツ
<div class="chat">
<form accept-charset="UTF-8" action="/comments" class="new_comment" data-remote="true" id="new_comment" method="post"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="GujuDnihu2UXCbJgbooDxoikjcJncFLf8hl4=" /></div>
<div class="input-append">
<input class="box" id="input" name="comment[body]" type="text" value="Hello there" />
<button type="submit" class="btn" id="illuminate">submit</button>
</div>
</form>
</div>
ただし、送信ボタンは点灯しません。
Why?
というエラーが表示されます。e.css(...) is undefined illuminate.js
どうすればこれを修正できますか?