如何在intro.js中的对话框中重定向焦点

Question

我想在对话框底部重定向，因为我点击了对话框标题上名为"点击获取内部帮助"的按钮，如图所示。

对话框的图像，您可以在此处看到

Answer 1

这样的东西应该可以工作：

var scrollable = $('.ui-dialog .ui-datatable-scrollable-body');
scrollable.scrollTop(scrollable[0].scrollHeight);

我在firebug控制台中测试了这个：

$('.ui-datatable-scrollable-body').scrollTop($('.ui-datatable-scrollable-body')[0].scrollHeight);

在素数面上滚动数据表示例如下：

http://www.primefaces.org/showcase/ui/data/datatable/scroll.xhtml

Answer 2

我通过创建另一个对话框来实现它，如下所示：-

  <p:dialog  onHide="javascript:introJs().goToStep(9).start()" widgetVar="helpDummyDialog" closeOnEscape="true" minWidth="900" 
               position="top" >
        <h3>Dummy Dialog</h3>
    </p:dialog>

现在在按钮"onclik"属性上调用另一个对话框，并使用另一个属性"oncomplete"来隐藏它

<p:commandButton  id="helpButton" value="Click For INSIDE Help" onclick="helpDummyDialog.show()"  oncomplete="helpDummyDialog.hide()"></p:commandButton>