如何使这个 jquery 在 iOS 5.1 的 UIWebView 中工作？

Question

我有以下标记：

<div class="event-row-container">
    <div data-id="1" class="ios-location-name">Location Name</div>
    <div data-id="1" class="ios-location-detail" style="display: block;">
    700 S Grand Ave<br>
    Omaha<br>
    </div>
</div>

以及下面的 jQuery：

$('.ios-location-name').click(function(){
  var event_id=$(this).data('id');
  alert('you clicked event_id:' + event_id);
  $('.ios-location-detail').toggle();
});

适用于所有浏览器，但不适用于 iOS5.1（模拟器或设备）上的嵌入式 UIWebView。这应该工作吗？有什么我想念的吗？

谢谢

编辑#1 那么有没有一种简单的方法可以让它发挥作用？

Answer 1

正如您已经阅读的那样，有几个问题可能是原因：

1. UIWebView 未原生注册 click 事件
2. 脚本不需要（显然也不应该）在其 src/href 中包含完整路径位置。

所以对于第二个问题（找到here）尝试更改：

<script src="js/jquery-1.7.2.min.js"></script>

到

<script src="jquery-1.7.2.min.js"></script>

（显然文件名和路径需要调整，但底线是只引用没有完整基本路径的文件名）。

首先，您已经在How to implement touch events in uiwebview?处指出了解决方案

没用。您是否尝试过以下推荐的开源库之一：send a notification from javascript in UIWebView to ObjectiveC

具体来说，PhoneGap 对我来说看起来很时髦，但显然，无论哪个解决问题都是最好的。

但是为什么它在 Safari 移动端而不是 UIWebView 中起作用的总体问题是因为事件没有被映射/交叉引用。

最后一个想法，只是说您尝试过...尝试将您的代码更改为：

$('.ios-location-name').on("click", function(){

以防万一它们被映射到后面的某个地方，但click 方法本身并未映射到触摸事件（即使可能是点击事件）。值得一试。但我会尝试前两个想法，看看生活是否容易。

Answer 2

这是模拟器截图。它在这里工作。