jQuery Mobile是一個基于jQuery的移動Web應用程序開發框架。它的設計目標是讓開發者能夠輕松地創建出具有良好視覺效果、易于使用的移動Web應用。其中一個重要的功能便是彈出div，通過彈出層的形式，展示額外的內容信息。

<div data-role="popup" id="popup-basic">
<p>這是彈出層的內容</p>
</div>
<a href="#popup-basic" data-rel="popup">彈出層</a>

上面的代碼就是一個簡單的彈出層示例。首先定義一個div作為彈出層的主體，其中data-role="popup"聲明該div為彈出層類型，id屬性用于在JavaScript中操作該元素。然后，在需要觸發彈出層的元素上添加data-rel="popup"屬性，并將其值設置為彈出層div的id值即可。

當我們在觸發元素上點擊時，彈出層就會出現了。但是，如果彈出層的位置不對或者需要自定義一些樣式，需要通過JavaScript來實現。下面是一個自定義彈出層位置和樣式的代碼示例：

$(document).on('pagecreate', function() {
$(document).on('click', '.popup-open', function(e){
e.preventDefault();
var $popup = $($(this).attr('href'));
var position = $(window).height()/2 - $popup.height()/2;
$popup.popup('open', {positionTo:'window', y: position});
});
});
<div data-role="popup" id="my-popup">
<p>這是自定義彈出層內容</p>
</div>
<a href="#my-popup" class="popup-open">自定義彈出層</a>

首先，在頁面創建時，通過jQuery的on方法綁定了一個點擊事件。在點擊事件中，首先禁止默認行為，獲取到彈出層元素，并計算出彈出層應該出現的位置。然后，通過popup方法打開彈出層，并傳入多個參數，其中positionTo設置彈出層對齊的位置是窗口，y參數設置彈出層距離窗口頂部的位置。

通過上述代碼，我們就可以讓jQuery Mobile的彈出層功能更加靈活和自定義化。希望這篇文章對大家有所幫助。