jquery - jQuery モバイル ボタンを使用して JavaScript を実行する

Question

jQuery Mobile を参照するスクリプトを使用すると、次の行があります。

<a href="#" id="buttonAnswer1" data-role="button" data-inline="true" >check</a>

このボタンがクリックされ、hello() 関数を呼び出すときのリスナーを追加するにはどうすればよいでしょうか? すなわち

<a href="#" id="buttonAnswer1" data-role="button" data-inline="true">check</a>

<script>
function hello(){
  console.log("hello world");
}
</script>

Answer 1

これは、通常の jQuery とまったく違いはありません。つまり、.onを使用してイベント ハンドラーをバインドできます。

たとえば、イベント委任で .on を使用する

$(document).on('click', '#buttonAnwser1', hello);

または、直接バインドすることもできます

$('#buttonAnswer1').on('click', hello);