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

Question

所以我尝试一次性完成 2 次锚点跳跃。一个用于父页面（这很简单），一个用于触发模式。

这是我目前所处的位置。

1. 用户点击链接，例如。 mydomain.com/page/#modal1-comment5

2. 页面处理fragment，跳转到<a name="modal1"></a>并触发一个modal弹出（使用jqModal）并通过$_GET发送“comment5”到modal的PHP ajax文件。

   李>

3. 现在<a name="comment5"></a> 存在于模式中，也可能存在于父页面中。这是因为父页面和模态共享代码来显示用户cmets。

4. 在我尝试过的 ajax 文件中 'location.hash = "#comment5"' 并在父页面上锚跳转。

5. 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();
  }
});