iPhone tel link not working - Sencha Framework

Question

I am adding a call button to a mobile site

<div class = "button page1"
    <div class = "phone-button">
        <a href = "tel:8885555555">
            <span class = "button">
                <span class = "phone-img"></span>
                <span class = "button-text">Call</span>
            </span>
        </a>
    </div>
</div>

Other than some minor css differences, the call button div's are the same throughout the site. The button works fine on one page, but for all other instances, when the call button is clicked the number pops up for just a second and then disappears bringing up the html in the 'cancel/call' pop-up instead of the phone number. The button works properly on other phones, so does anyone know why it's not working in mobile safari?

UPDATE: the site uses Sencha Touch framework, and I found some old forum posts about a bug there ( http://www.sencha.com/forum/showthread.php?153341-tel-link-does-not-work-on-iOS-with-ST-2.x !), but I can't find anything recent.

Answer 1

解决方案：Sencha的框架中存在一个错误，因此我最终删除了Sencha的电话号码路由功能，并且上面的代码运行良好。