在移動端網頁開發中，頁面鎖定是一個非常重要的問題。在用戶滑動屏幕時，如果頁面沒有鎖定，就可能導致頁面跟隨用戶滑動而移動，甚至出現一些意外的效果。因此，在使用 jQuery Mobile 開發移動端網頁時，我們需要學會如何實現頁面的鎖定。

實現頁面鎖定的方法非常簡單，只需要為文檔對象添加一段代碼即可：

$(document).on('touchmove', function (e) {
e.preventDefault();
});

這段代碼使用了 jQuery 的 on() 方法來綁定 touchmove 事件，當用戶在頁面上滑動時，會觸發該事件，通過 e.preventDefault() 方法阻止瀏覽器默認行為，從而實現頁面鎖定的效果。

除了上面的代碼，還有其他一些實現頁面鎖定的方法，比如使用 CSS 屬性 pointer-events:none，或者在 body 標簽上添加屬性 ontouchmove="event.preventDefault()"。但是在實際開發中，推薦使用 jQuery 代碼的方式，因為它具有更好的兼容性和可維護性。

需要注意的是，一些瀏覽器（比如 QQ 瀏覽器）可能會屏蔽頁面鎖定代碼，無法阻止用戶滑動屏幕。在這種情況下，我們需要考慮其他的解決方案，比如使用 overflow:hidden 屬性來控制頁面的滾動。