jQuery-UI.js是一个Javascript库，它提供了一些常用的UI组件和效果，以便web开发人员快速实现常见的交互体验。

其中一个非常有用的组件是“拖拽”，通过它我们可以轻松地实现拖拽元素的功能。而在“拖拽”组件中，又存在一种特殊的拖拽方式，即“右拖”。

所谓“右拖”，是指在拖拽元素时，只能向右拖拽，不能向左拖拽。这种拖拽方式常常用于场景中某些元素只能拖拽到某一个位置，而不希望用户将其拖拽回原来的位置。

例子：
$('div').draggable({
axis: 'x',  //限制只能横向拖拽
drag: function(event, ui) {
if (ui.position.left< 0) {    //当向左拖拽时，强制归0
ui.position.left = 0;
}
}
});

以上代码演示了如何实现一个只能右拖的拖拽元素。我们首先将拖拽元素限制为只能横向拖拽，然后在拖拽时通过判断其位置，当其位置小于0时，我们强制将其位置修正为0，这样就可以保证该元素只能向右拖拽。

“右拖”这种拖拽方式，在某些场景中非常有用，如拖拽元素到指定区域，或者实现某些交互动画效果。