javascript - 更改代码时执行jquery移动代码

Question

我有这个代码

<div data-role="content">

<ul data-role="listview" data-inset="true" data-theme="b" data-icon="arrow-r">
       <li><a href="#info" >Information</a></li>
       <li><a href="#startLopen" >Start met lopen</a></li>
</ul>
</div>

当用户按下“信息”按钮时，如何告诉我的应用程序执行代码？

我尝试尝试，但都失败了例如：

$('#liInfo').click(generateInfo);
function generateInfo()
{
alert("It works!");
}

Answer 1

确保在此脚本之前包含 jquery：

$(document).ready(function(){

   $('#info').on('click', function(e){
            e.preventDefault();
            alert("It works");
   });

});

或者：

$(document).ready(function(){

          var clickFunc = function(){
              alert("works!");
          }

          $('a#info').click(clickFunc);
   });