jquery html更新可以在电脑上使用，但不能在智能手机上使用

jquery html update working on computer but not on smartphone

本文关键字：智能手机 但不能 电脑 html 更新 jquery      更新时间：2024-04-18

我在我的网站上使用以下类似代码

    <span class="box">
        <noscript>
        <a href="link.php"><img src="images/imagebox.png"></a>
        </noscript>
    </span>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    $(document).ready(function() {
        $('span.box').html('<img src="images/imagebox.png">');
        $(document).on('click','span.box', function(){
                   // rest of code
        });
    });

正如你所看到的，我构建它的方式是，如果客户端有javascript，的内容将被无链接取代，因此它对客户端来说更具交互性，如果客户端没有javascript，他仍然有链接，他仍然可以进行必要的操作。。。

虽然这在电脑上、智能手机上（至少在我的智能手机上）都能完美工作，但它不起作用，但我不知道为什么。。。事实上，在我的智能手机上，我看不到，也不能做任何操作，就好像它没有javascript一样。。。我的智能手机上有android 2.1。。。

你知道这方面的解决方案或变通方法吗？我甚至在智能手机上也能做到这一点和必要的行动能力？

提前感谢您的帮助！

编辑：我最终选择了一个类似于href中JavaScript函数与onclick 的解决方案

所有移动设备都不处理点击事件。。应该是：

$('<img />').attr('src', 'images/imagebox.png').appendTo('span.box').bind('click touchstart', function() {
   // handle click / touch
});

另请参阅这篇关于一些支持触摸的设备中的双重trgiggering问题的帖子：如何绑定'；触摸启动'；和'；单击'；事件，但不同时回应？

尝试使用

$(document).on('pageinit', function(){});或$(document).on('mobileinit', function(){});而不是

$(document).ready(function(){});

相关文章：