javascript - Jquery Mobile Onclick 事件在刷新前不起作用

Question

我创建了一些带有 onclick 事件的按钮，该事件运行警报功能"hi"。onclick 事件仅在我刷新页面时才有效。

这是功能：

function testme(){
   alert("test");
}

这是 onclick 事件：

<a href="#" id="someid" onClick="testme()">Button</a>

如何在不刷新页面的情况下使 onclick 事件工作？

Answer 1

如果这就是你所做的一切，你可以尝试不使用函数。

<a href="#" id="someid" onClick="alert('hi')">Button</a>

您也可以尝试在 jQuery 中添加点击事件

$(document).ready(function(){
 $('#someid').click(function(event){
    event.stopImmediatePropagation();
    event.preventDefault();
    alert('hi')
 });
});

编辑 1

从 spookycoder 建议的问题：

您也可以rel="external"在 a 标签上使用，这将允许它在 jQuery Mobile 页面上正常执行。

Answer 2

这对我有用（尤其是在 iPhone/iPad 上）：

  <a href="javascript:testme()" id="someid">Button</a>

Answer 3

通过更改加载页面的方式，我得到了解决此问题的方法。我将target="_self"放入 href 元素中，因此它不会使用 # 系统加载 - 这样，在从一页导航到另一页时，javascript 会在初始页面加载时加载。

• 我会将以下链接放在我的 index.html 页面上，该页面将导航到我的 signup.html 页面。

<a href="signup.html" target="_self" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">Signup</a>

注意：您将失去“花哨”的 jQuery Mobile 页面转换功能

Answer 4

我认为你必须使用：

$(document).on('pageinit',function(){ 

//Some Code

});

代替 ：

$(document).ready(function (){

//Some Code

});