jQWidgets jqxRibbon showAt()方法

那么让我们开始吧。

jQWidgets jqxRibbon showAt()方法详解

简介

showAt() 是 jQWidgets jqxRibbon 的一个方法，可以使 Ribbon 在指定位置显示。可以通过传入 left 和 top 两个数字来指定在页面的哪一个位置显示 Ribbon。

语法

$("#jqxRibbon").jqxRibbon('showAt', left, top);

其中，

• left 是一个数字，表示在页面中 Ribbon 的左边距离页面左侧的距离。

• top 是一个数字，表示在页面中 Ribbon 的上边距离页面上侧的距离。

示例1

$("#showButton").click(function () {
    var left = 50;
    var top = 100;
    $("#jqxRibbon").jqxRibbon('showAt', left, top);
});

在这个示例中，点击一个按钮之后，调用了 showAt() 方法，传入了 left 和 top 的值，该方法将 Ribbon 显示在了页面距离左侧 50 像素、距离上侧 100 像素的位置。

示例2

$("#showButton").click(function () {
    var left = $("#container").offset().left;
    var top = $("#container").offset().top;
    $("#jqxRibbon").jqxRibbon('showAt', left, top);
});

在这个示例中，点击一个按钮之后，首先获取了一个叫做 container 的元素相对于页面左上角的偏移量，然后将这个偏移量的值作为 left 和 top 的值传入了 showAt() 方法，表示在 container 元素的位置显示 Ribbon。

总结

showAt() 方法可以让 jQWidgets jqxRibbon 在指定的位置显示，非常方便。在使用该方法时，需要传入 left 和 top 两个参数。可以从示例中看出，这两个参数的值可以是数字，也可以是元素的 offset() 方法的返回值。