文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery移动servlet单击call servlet 6次

问JQuery移动servlet单击call servlet 6次
EN

Stack Overflow用户

提问于 2012-11-04 23:37:46

回答 1查看 360关注 0票数 2

我在使用JQuery手机调用servlet时遇到了问题。在使用iPhone时，我注意到servlet SendMp3Servlet会被调用6次，只需单击一次列表条目。使用桌面版的Chrome，servlet只能正确调用一次。有人能帮我找出问题所在吗？

代码如下：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Canzoni</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    <script src="popola_liste.js"></script>
</head> 
<body>
    <script >

    </script>
    <div data-role="page">

        <div data-role="header" >
            <a href="Album.html" data-rel="back">back</a>
            <h1>Project ML</h1>
        </div>

        <div data-role="content">   
            <ul id="listviewSong" data-role="listview" data-inset="true" data-filter="true">
                <script>$.getJSON("GestoreCanzoni?idAlbum="+sessionStorage.getItem("idAlbum"), function(data){
                    var output = '';

                    $.each(data, function(index, value){
                        output += '<li><a href="#" onclick="sessionStorage.setItem(\'idCanzone\',\''+value.id+'\');"> ' + value.nome + '</li>';
                    });

                    $('#listviewSong').append(output).listview('refresh');

                    var event = (navigator.userAgent.match(/iPhone|iPad/i)) ? 'touchstart' : 'click';
                    $('#listviewSong').unbind(event).bind(event,function(e){
                        alert("c");
                        update_player();
                    });

                });</script> 
            </ul>       
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed" data-id="player">
            <audio id="player_audio" controls="controls">
                <source id="src_player" src="sessionStorage.getItem('request_mp3')" type="audio/mpeg" />
            </audio>
        </div>

    </div>

</div><!-- /page -->

</body>
</html>

这是单击时调用的js函数：

    function update_player(){
        lastIdCanzone=sessionStorage.getItem("idCanzone");
        var id=sessionStorage.getItem('idCanzone');
        sessionStorage.setItem('request_mp3','/Libreria_musicale_server/SendMp3Servlet?idCanzone='+id);
        document.getElementById("src_player").src="/Libreria_musicale_server/SendMp3Servlet?idCanzone="+id;
        document.getElementById("player_audio").load();
        document.getElementById("player_audio").play();
}

mobile

click

jquery

iphone

servlets

回答 1

Stack Overflow用户

发布于 2012-12-25 14:39:31

Jquery移动版有点棘手……首先，为什么不使用jquery移动事件：(点击，点击....)而不是javascript onclick事件。

另一件事是，iphone上的jquery mobile有时会触发两次点击事件，所以请尝试使用tap。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13220015

复制

相似问题

问JQuery移动servlet单击call servlet 6次
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery移动servlet单击call servlet 6次EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery移动servlet单击call servlet 6次
EN