Bu işlev mükemmel IE, Firefox ve Chrome üzerinde çalışır, iPhone, sadece <img> basıldığı zaman çalışır. Bu sayfa üzerinde (bir yere ama bir ımg) tıklatarak olayı alışkanlık.

$(document).ready(function () {
  $(document).click(function (e) {
    fire(e);
  });
});

function fire(e) { alert('hi'); }

HTML kısmı son derece basit ve bir sorun olmamalı.

Herhangi bir fikir?

Kısa cevap:

<style>
    .clickable-div 
    {
         cursor: pointer;
    }
</style>

Uzun cevap:

Önemli eğer sadece <a> etiketleri kullanıyorsanız her şeyin beklendiği gibi çalışır gerçekleştirmek için. Tıklayın veya bir iPhone üzerinde <a> düzenli bir linke yanlışlıkla sürükleyebilirsiniz ve her kullanıcı beklediğiniz gibi davranır.

Tıklanabilir değil, isteğe bağlı HTML - <a> ile sarılmış edilemez bir panel metin ve görüntü içeren gibi hayal ediyorum. Tamamen tıklanabilir ben istediğim için böyle bir paneli vardı bu sorunla ilgili bir şeyler buldum.

<div class='clickable-div' data-href="http://www.stackoverflow.com">

 ... clickable content here (images/text) ...

</div>

Algılamak için bir tıklama içinde her yerde bu div olduğum kullanarak jQuery ile bir data-href html özniteliği hangisi yukarıda gösterilen (bu özniteliği tarafından icat kendimi ve bir standart bir WordPress kullanmak veya HTML veri özniteliği.)

$(document).on('click', '.clickable-div', function() {

    document.location = $(this).data('href');

});

Bu masaüstü tarayıcınızda çalışır ama sen tıklatın ne olursa olsun, iPad değil.

click touchstart click olay işleyicisi değiştirmek için cazip olabilir ve bu gerçekten olay işleyicisi neden yok. Ancak eğer kullanıcı kötü kullanıcı deneyimi olan çok tetik - sayfa (kaydırma) sürüklemek istiyor.

Cevap son derece basittir:Sadece css cursor: pointer.

<style>
    .clickable-div 
    {
         cursor: pointer;
    }
</style>

Bu masaüstü kullanıcıları için yararı alan El simgesi ile tıklanabilir olduğunu göstermek için vardı.

http://stackoverflow.com/a/4910962/16940 için teşekkürler