Question

所以我试图一次做两次锚跳。一个用于父页面（这很容易），一个用于触发模式。

这是我到目前为止的地方。

用户点击链接，例如mydomain.com/page/#modal1-comment5
页面处理片段，跳转到<a name="modal1"></a>并触发弹出模式（使用jqModal）并通过$_GET将“comment5”发送到模态的PHP ajax文件。
现在<a name="comment5"></a>存在于模态中，也可能存在于父页面上。这是因为父页面和模态共享代码显示用户注释。
在ajax文件中，我尝试了'location.hash = "#comment5"'并在父页面上锚定跳转。
comment5.scrollIntoView()有效，可以跳转模态页面和父页面。

我的问题是，是否可以将跳转纯粹固定在模态的ajax文件中而不会影响父页面？

Answer 1

尝试做到这一点。附加到链接到目标的文档隐藏锚点，以编程方式单击它并将其删除。像这样：

var getComments = $.ajax({
  url: '/some/url',
  success: function( response ){
    // here somehow you handle response and put it into a modal
    // thus <a name="commment5"></a> appeared in DOM
    $( document.body ).append( '<a href="#link_to_comment5" style="display:none"></a>' );
    $( '#link_to_comment5' ).click().remove();
  }
});

如何在模态中跳转到锚点？

1 个答案: