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

Question

所以我想一口气做 2 次锚点跳跃。一个用于父页面（这很容易），一个用于触发模式。

这就是我目前所处的位置。

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

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

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

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