Question

我尝试使用以下内容实现HTML锚点：

<a href="#some-id" onClick="showDiv(event)">

showDiv()的代码：

function showDiv(e) {
    jQuery("#container").show(1500);
}

在#container内，有一个标识为some-id的子节点。

函数showDiv()显示包含ID为some-id的子元素的特定隐藏元素。目的是使这个锚点成为一个按钮，当用户点击它时，它会显示该元素并将用户指向具有id的子节点。这在Chrome中运行良好，但在Firefox中它会显示元素，但重定向不起作用。无论如何我可以解决这个问题吗？

Answer 1

这里有一个类似的问题 HTML simple anchor link doesn't work in Chrome/Firefox 我认为它是一个锚点问题，Firefox不认为它们是独一无二的。

Answer 2

这是另一种选择。假设这个标记：

<a id="trigger">Click me</a>

<div id="container">
    <a id="some-id">Hello</a>
</div>

你可以这样做：

function showDiv() {
        jQuery("#container").show(1500, 'swing', function(){ 
              jQuery('#some-id').focus();
       });
}
jQuery(function() {
     jQuery('#trigger').on('click', showDiv);
});

我已将点击处理程序移出标记，并严格区分了针对原始some-id调用回调中show元素的流程的两个阶段。< / p>

Firefox中的onClick和href冲突

2 个答案: