以下是关于jQuery Mobile popup小部件的arrow选项的完整攻略：
arrow选项是什么？
arrow选项是jQuery Mobile中的一个选项，它用于定义弹出窗口的箭头是否显示。如果设置为true，则箭头将显示在弹出窗口的顶部中心。如果设置为false，则箭头将不会显示。
- 如何使用
arrow选项？
可以使用以下代码来设置arrow选项：
$( "#myPopup" ).popup({
arrow: true
});
在这个代码中，我们使用了$( "#myPopup"popup({ arrow: true })来设置arrow选项。在这个示例中，箭头将显示在弹出窗口的顶部中心。
- 示例1：使用
arrow选项显示箭头
<div data-role="popup" id="myPopup" data-arrow="true">
<p>This is a popup with an arrow.</p>
</div>
在这个示例中，我们在<div>元素中添加了data-arrow="true"属性来显示箭头。当弹出窗口显示时，箭头将显示在顶部中心。
- 示例2：使用
arrow选项隐藏箭头
<div data-role="popup" id="myPopup" data-arrow="false">
<p>This is a popup without an arrow.</p>
</div>
在这个示例中，我们在<div>元素中添加了data-arrow="false"属性来隐藏箭头。当弹出窗口显示时，箭头将不会显示。
总结：
arrow选项是jQuery Mobile中的一个选项，它用于定义弹出窗口的箭头是否显示。可以使用true或false来设置箭头的显示或隐藏。使用arrow选项时，需要注意选择器的使用，以确保选项应用到正确的元上。