在jQuery Mobile </button>中使用<button>标签时调用函数

Question

我已经在{strong> 标记中询问了similar question按钮，但我发现该解决方案无法使用 标记。所以，如果我使用的是引用jQuery Mobile的脚本，我有以下几行：

<button id="buttonAnswer1" data-inline="true">Click me</button>

如何在单击此按钮时添加侦听器并让我们调用hello（）函数？即。

<button id="buttonAnswer1" data-inline="true">Click me</button>

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

Answer 1

请参考以下代码。

$("button#buttonAnswer1").on("click",hello);

请在jsfiddle中尝试上述代码并告诉我您的疑虑。

http://jsfiddle.net/

Answer 2

您是否要选择数据线设置为<button>的所有true？

如果是这样，请尝试：http://jsfiddle.net/M9pwp/2/

HTML：

<button id="buttonAnswer1" data-inline="true">Click me</button>

脚本：

$("button").click(function() {
   if ($(this).attr('data-inline') == 'true')
      hello();
});

function hello()
{
     alert('hi');   
}

如果您只想要此特定按钮的侦听器，则可以将脚本更改为：

$("#buttonAnswer1").click(function() {
    hello();
});

function hello()
{
    alert('hi');   
}