li 元素中的 div 的 Jquery 单击事件未在移动 Safari 中触发

Question

修正:最后我直接生成元素而不是通过 jQuery 渲染。

更新2:真正的问题似乎很清楚。我做了几个测试，只有一个触发了我在其中插入一个链接。但我不想绑定(bind)整个 li 元素，而是绑定(bind) li 中的一个 div 元素。

更新:我对 div 的位置做了一些修改，它现在在 android 中工作，但移动 Safari 甚至 ul 列表中的任何元素。

以下内容适用于桌面 Safari 和 Chrome，但不适用于其移动版本。有任何想法吗？

js:

$('#SubCategories > li .likeRibbon').live('click', function () {
   ......
});

html:

<ul id="SubCategories">
      <li id="st2" >          
       <div class="likeRibbon">Like?</div>
      </li>
</ul>

CSS:

#SubCategories .likeRibbon
{
    border-style: solid none solid none;
    border-width: 1px 0px 1px 0px;
    border-color: #565656;
    background-color: #565656;
    color: #333;
    text-shadow: 0 1px 0 #777, 0 -1px 0 black;
    line-height: 1;
    padding: 2px 0 5px 0;
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    text-align: center;
    vertical-align: baseline;
    position: absolute;
    width: 100px;
    right: -35px;
    bottom: 5px;
}

Answer 1

向元素添加一个空的 onclick 属性:

<ul id="SubCategories">
      <li id="st2" >          
       <div onclick="" class="likeRibbon">Like?</div>
      </li>
</ul>

Link to jQuery issue that describes the problem