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

修复：最后我直接生成元素，而不是由jQuery呈现

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

更新：我对div的位置做了一些修改，它现在可以在android上使用，但mobilesafari甚至可以在ul列表中的任何元素上使用

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

js: html:

---

我认为这与你在桌面浏览器中绑定点击事件的方式有关，但在移动浏览器中则不然

是否将代码包装在pageinit事件中？

---

将空的onclick属性添加到元素：

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

对于iOS，只需添加

*.classidentifier*{ cursor:pointer; }

---

在该类或id的CSS中。这解决了问题。

在移动浏览器中加载页面时，div是否旋转？在单击之前，我是说。对不起，伙计，我认为这与我做了一些更改后的旋转无关，请查看上面的更新信息，谢谢。@William，在哪种情况下，您将单击事件绑定到divs？我将其绑定到$'menulist'。live'pageinit'，function event。@William，请选择正确的答案。我很困惑，所有的答案都被评为好！！或者如果你有另一个anwser，请把它寄出去谢谢。从该票据中添加cursor:pointer的建议非常有趣。ios safari需要onclick=attribute，这似乎很奇怪。光标：指针建议有效吗？它为我做了：/@Adgezaza我还没有进行广泛的测试，但我已经成功地使用了光标解决方法。我阅读了罚单。我怀疑我们需要在哪里添加光标：指针？它是在：hover类还是普通类中？我在Android浏览器中遇到了这个问题，这个解决方案适合我。Thanks@William，请选择正确答案。我很困惑，所有的答案都被评为好！！抱歉@smilyface，这个问题太老了，我记不住了，如果你创建了一个新的票证，我会看一看。

#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;
}

<script type="text/javascript">
 $("#pageID").live('pageinit', function() {
   // do something here...
 });
</script>

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

*.classidentifier*{ cursor:pointer; }