Question

我正在使用PhoneGap和Jquery-mobile为iPhone应用程序开发。我的问题是我无法在scrollView中绑定事件taphold。

我的应用程序具有以下结构：

HEADER：

<script src="javascripts/jquery.mobile/jquery.mobile-1.0.1.js"></script>
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="javascripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" charset="utf-8" src="javascripts/jquery.mobile.scrollview.js"></script>
    <script type="text/javascript" charset="utf-8" src="javascripts/scrollview.js"></script>

BODY：

<div data-role="content" data-theme= "d" data-scroll= "true" style= "overflow: scroll;">
<ul data-role="listview" data-theme="b">
    <li data-icon="thumb-up"><a href="#" class="list-item">
        <img src="http://jquerymobile.com/test/docs/lists/images/album-ok.jpg"
        class = "ui-li-icon-small"></img>
        <div class="user_note">
            <p class="title-item">Broken Bells</p>
            <p class="detail-item">Broken Bells</p>
            <p class="time-past">5 minutes ago</p>
        </div>
        <p class="desc-item">this is descrition example test data this is descrition example test data </p>
    </a>
    </li>
...
</ul>
</div>

JAVASCRIPT：

    $(".grid-item, .list-item").unbind('taphold');
    $(".grid-item, .list-item").bind("taphold", 
              function(event, ui){
              var icons = $(this).parent().parent().find(".ui-icon-thumb-up");
              icons.load("thumb_x_icons.html");
    });

如果我删除了ScrollView，那么事件对我来说很有用也许scrollView阻止一些事件。

这有什么解决方案吗？或者你有没有办法听longPress事件？

taphold事件无法在ScrollView中绑定

0 个答案: