我之前也碰到过类似iOS和Android上jQuery Mobile组件行为不一致的坑，针对你这个问题，咱们可以从这几个方向排查修复：

1. 改用适配移动端的事件绑定 #

iOS对常规click事件有300ms延迟，还可能因为触摸事件优先级导致绑定失效。建议用jQuery Mobile专门优化的vclick事件来绑定按钮逻辑，同时阻止默认行为和事件冒泡，避免页面跳顶：

$(document).on('vclick', '#btnSaveHeures', function(event) {
    // 先拦截默认行为和冒泡，解决跳顶部问题
    event.preventDefault();
    event.stopPropagation();
    
    // 这里写你的保存逻辑
    // 比如获取表单值、发起请求等
    console.log("保存按钮已触发");
});

2. 确保事件绑定在正确的时机 #

jQuery Mobile的组件是动态渲染的，如果在DOM ready时直接绑定事件，弹窗可能还没初始化完成，导致绑定失效。建议把事件绑定放在弹窗初始化的钩子事件里：

// 弹窗打开前绑定事件，确保DOM已生成
$(document).on('popupbeforeopen', '#popupDetailles', function() {
    // 先解绑旧事件避免重复绑定，再绑定新事件
    $('#btnSaveHeures').off('vclick').on('vclick', function(event) {
        event.preventDefault();
        event.stopPropagation();
        // 执行保存操作
    });
});

3. 阻止表单默认提交行为 #

虽然你的按钮是type="button"，但iOS浏览器有时会误触发表单的默认提交（尤其表单未指定action时），这也会导致页面跳顶。给表单加个阻止提交的逻辑：

$(document).on('submit', '#popupDetailles form', function(event) {
    event.preventDefault();
    return false;
});

4. 修复DOM中的重复ID问题 #

我注意到你代码里有两个相同ID的div_dureeTS元素，这会导致DOM选择器出错，间接影响组件的事件处理。记得把其中一个ID改成唯一值，比如div_dureeTS_debut。

另外，按钮上的data-position="fixed"属性在弹窗环境里可能引发iOS布局异常，建议移除试试。

按上面的步骤调整后，应该就能解决iPhone上按钮失效和跳顶部的问题了。

内容的提问来源于stack exchange，提问作者Houssem Romdhani