Broken link handling on touch devices (got a fix)

[wallride]

Now this patch fixes problem when doesn't work.

function touchstart(event) {
  var touches = event.originalEvent.touches;
  var touchedObject = touches[0].target;
  if (touchedObject.nodeName=='A'){
      $(touchedObject).click();
      return 1;
  }
  if(!(
        typeof($._data(touchedObject, "events")) !== 'undefined' 
        && $._data(touchedObject, "events").click != null
    )){
    startX = touches[0].pageX;
    startY = touches[0].pageY;
    $this.bind('touchmove', touchmove);
  }
  event.preventDefault();
}

same problem can appear with other clickable elements (such as input, select, etc.). I haven't tested it yet. The solution can be the same.

[raykanani]

This doesn't seem to fix the problem on Apple devices or with input elements on all touch devices.

[wallride]

yep! this particular code fixes only [a href] links. I couldn't find better solution than the checking touch-target object if it's supposed to be clickable or interactive. So for other elements you shoud go way like that.

[sephiran]

I don't get it. How should I use your code? Im a JS noobie, so please excuse my stupid question :) .With onclick on the a href link like so: onclick="touchstart(event)"? Thanks

[sephiran]

I have a solution now which works for me. $('.touchme').bind('touchstart click', function(){ href = $(this).attr("href"); window.location.assign(href); });

[wallride]

That code is a fixed part of the original library. Just find the line with "function touchstart(event)" and replace the function.

So you wont have to bind all the links and use additional classes at all

[sephiran]

Okay thank you wallride. I implemented your solution but figured out that the scrolling with the responsive update doesnt work anymore on the ios simulator. In chrome on mac it works fine. I think I'll just use my "workaround" to use both on ios.