jQuery的HTML更新在計算機上工作，但不能在智能手機上

Question

我在網站上使用類似以下代碼的代碼

    <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與onclick中的JavaScript函數中

Answer 1

所有移動設備均不處理點擊事件。應為：

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

   // handle click / touch

});

另請參閱有關某些啟用了觸摸的設備中雙重觸發問題的文章： 如何綁定“ touchstart”和“ click”事件，但不對兩者進行響應？

Answer 2

嘗試使用

$(document).on('pageinit', function(){}); 或$(document).on('mobileinit', function(){}); 代替

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