1

jQueryonblurをGoogleAppsScriptHtmlServiceで動作させようとしています。HTMLをレンダリングしてすべてを取得できますが、onblurが機能していません。私はそれを最初に機能させるために単純なものをやっていて、入力テキストをぼかして、divの背景の色を変更しています。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#color').blur(function(){
    $('#container').css('background-color','#ffffff');
  });
});
</script>

<label>Background Color: </label><input type="text" size="30" id="color" name="color" /><br />

<div id="container" style="background-color:#9fc1f1;">
test
</div>
4

1 に答える 1

1

これは私にとってはうまく機能しています。これが展開されたバージョンです（より目立つように、変更時の色を青に変更しました）-

https://script.google.com/macros/s/AKfycbykzYO1_z5Zp0g5Nx1F5aLa10JVIbN8nQGSWskBQdzypLRRnklw/exec

これが私の完全なスクリプトです。<html>周囲のタグがないと機能しないことに気づきました。それをスクリプトに含めましたか？

<html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#color').blur(function(){
    $('#container').css('background-color','#000fff');
  });
});
</script>
<label>Background Color: </label><input type="text" size="30" id="color" name="color" /><br/>
<div id="container" style="background-color:#9fc1f1;">
test
</div>
</html>
于 2012-11-03T17:37:35.287 に答える