javascript - 在 onDeviceReady 中调用时函数无法正常工作

Question

我正在制作一个应用程序，它创建一些将用户链接到另一个页面的元素。代码看起来像这样。

  function showThis(){

    $('<a class="routePage"></a>').prependTo($('#updateCol')).slideDown("500",function(){}‌​)

function onDeviceReady() {
  $('.routePage').on('click',function(e){
    window.location = "page2.html";
  });
  showThis();
}
  showThis();

不幸的是，只有在 onDeviceReady 之外由 showThis() 创建的元素才会触发 window.location 更改。由于更复杂的原因，我的应用程序要求将 showThis() 置于 onDeviceReady 函数内。有谁知道这不起作用的可能原因吗？

Answer 1

这可能有帮助attaching-click-event-to-a-jquery-object-not-yet-added-to-the-dom 。您可能需要使用:

$('body').on('click', '.routePage', function (e) {
     window.location = "page2.html";
});

也许可以用父元素替换正文。

对评论格式感到抱歉:

你还有这个:

<a class="routePage"</a>, should be <a class="routePage"></a> ?