Событие щелчка Jquery элемента div в li, не запущенного в мобильном Safari

Question

Исправлено: Наконец, я генерирую элементы напрямую, а не рендеринг с помощью jQuery.

Обновлено2: Кажется, ясно о реальной проблеме.Я сделал пару тестов, только один запустил, что я вставил в него ссылку.но я не хочу связывать весь элемент li, но элемент div в li.

Обновлено: я внес некоторые изменения в позиции div, теперь он работает в Android, но в мобильном Safari даже любые элементы в ullist.

Следующее работает в настольных 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>

Ссылка на проблему jQuery, которая описывает проблему

Answer 2

Для iOS просто добавьте

    *.classidentifier*{
      cursor:pointer;
    }

в CSS для этого класса или идентификатора.Это решает проблему.

Answer 3

Я думаю, это связано с тем, как вы связываете событие click, как оно работает в браузере настольного компьютера, но не в мобильных браузерах.

Должны ли вы заключить код в событие pageinit?
jQuery Mobile Events

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