jQueryMobile:打开对话框并滚动到锚点

时间:2012-11-24 10:02:14

标签: jquery jquery-mobile

我正在尝试使用jQuery Mobile打开一个对话框:

<a href="terms.html" data-rel="dialog" data-anchor="cancellationterms">
    Cancellation terms
</a>

我还尝试将#cancellationterms附加到href属性。 但后来没有任何反应。

如何让它滚动到对话框上的指定锚点?

1 个答案:

答案 0 :(得分:0)

最后这就是诀窍:

var anchor = '';
$('a[data-anchor]').live('click', function() {
    anchor = $(this).data('anchor');
});

$('div[data-role="dialog"]').live('pageshow', function(e, ui) {
    $('.ui-dialog-contain > .ui-content', this).scrollTo(jumpto);
});

$.fn.scrollTo = function(id) {
    var obj = $('#' + id);
    if (obj.length > 0) {
        $(this).scrollTop(obj.position().top);
    }
};