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

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

这就是我目前所处的位置

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

页面处理该片段，跳转到

，并触发一个模式弹出（使用jqModal），并通过

$\u GET

将“comment5”发送到模式的PHP ajax文件

现在，

存在于模式中，也可能存在于父页面中。这是因为父页面和模式共享代码显示用户评论

在ajax文件中，我尝试了

'location.hash=“#comment5”

，它在父页面上跳转

comment5.scrollIntoView（）

排序工作并跳转模式页面和父页面

---

我的问题是，是否可以将跳转锚定在modal的ajax文件中，而不影响父页面？

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

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

var getComments=$.ajax({
url:“/some/url”，
成功：功能（响应）{
//在这里，您以某种方式处理响应并将其置于模态中
//因此),；
$（“#将_链接到_comment5”）。单击（）。删除（）；
}
});

您可以使用jQuery scrollTo扩展：